Вспомните последнюю активную вкладку обновления в плагине Elementor (Wordpress)

Question

Я использую вкладки с Elementor page builder (бесплатный плагин) на веб-странице WordPress.На странице есть три вкладки, и при каждом обновлении страницы она теряет любую вкладку, которая была последней активной, и возвращается к первой вкладке.

Я пробовал различные решения и до сих пор не мог заставить кого-либо работать:

Помните, какая вкладка была активной после обновления

Как запомнить последнюю вкладку, использованную после отправки / обновления?

Сохранитьактивная вкладка при обновлении страницы в начальной загрузке 4 с использованием локального хранилища?

HTML-код для вкладок - как генерируется плагином elementor

<div data-id="bf42736"
    class="elementor-element elementor-element-bf42736 elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs"
    data-element_type="tabs.default">
    <div class="elementor-widget-container">
        <div class="elementor-tabs" role="tablist">
            <div class="elementor-tabs-wrapper">
                <div id="elementor-tab-title-2001" class="elementor-tab-title elementor-tab-desktop-title" data-tab="1"
                    role="tab" aria-controls="elementor-tab-content-2001"><a href="">Tab #1</a></div>
                <div id="elementor-tab-title-2002" class="elementor-tab-title elementor-tab-desktop-title" data-tab="2"
                    role="tab" aria-controls="elementor-tab-content-2002"><a href="">Tab #2</a></div>
                <div id="elementor-tab-title-2003" class="elementor-tab-title elementor-tab-desktop-title" data-tab="3"
                    role="tab" aria-controls="elementor-tab-content-2003"><a href="">Tab #3</a></div>
            </div>
            <div class="elementor-tabs-content-wrapper">
                <div class="elementor-tab-title elementor-tab-mobile-title" data-tab="1" role="tab">Tab #1</div>
                <div id="elementor-tab-content-2001" class="elementor-tab-content elementor-clearfix" data-tab="1"
                    role="tabpanel" aria-labelledby="elementor-tab-title-2001">Click edit button to change this text. Lorem
                    ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis,
                    pulvinar dapibus leo.</div>
                <div class="elementor-tab-title elementor-tab-mobile-title" data-tab="2" role="tab">Tab #2</div>
                <div id="elementor-tab-content-2002" class="elementor-tab-content elementor-clearfix" data-tab="2"
                    role="tabpanel" aria-labelledby="elementor-tab-title-2002">Click edit button to change this text. Lorem
                    ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis,
                    pulvinar dapibus leo.</div>
                <div class="elementor-tab-title elementor-tab-mobile-title" data-tab="3" role="tab">Tab #3</div>
                <div id="elementor-tab-content-2003" class="elementor-tab-content elementor-clearfix" data-tab="3"
                    role="tabpanel" aria-labelledby="elementor-tab-title-2003">Tab Content</div>
            </div>
        </div>

js, которые я пробовал:

$(function () {
    $(".elementor-tabs").tabs({
        activate: function (event, ui) {

            localStorage.setItem("lastTab", ui.newTab.index());
        },
        active: localStorage.getItem("lastTab") || 0
    });
});