Сохранять состояние боковой панели начальной загрузки при перезагрузке страницы - PullRequest
0 голосов
/ 04 февраля 2019

Я использую шаблон HTML под названием Metronic для создания бэкэнда для себя.Этот HTML-шаблон предлагает возможность свернуть боковую панель в шаблоне, который я выбрал.Тем не менее, боковая панель не сохраняет ее состояние.

Здесь вы можете протестировать шаблон: https://keenthemes.com/metronic/preview/?page=index&demo=default

Я хочу запрограммировать его, чтобы боковая панель сохраняла здесь состояние при перезагрузке страницы.Я уже нашел несколько решений с помощью плагина под названием js.cookie для сохранения состояния меню боковой панели на клиентском компьютере.

Однако проблема, с которой я сталкиваюсь, заключается в том, что я действительно не знаю, какой класс или идентификатор яМне нужно позвонить, чтобы получить текущее состояние боковой панели и, в зависимости от этого состояния и состояния, сохраненного в cookie, переключить боковую панель ...

Это то, что я пробовал до сих пор: Сохранять состояние «Свернуть загрузочную ленту Twitter» при обновлении страницы / навигации

Мой код:

<script>
    var last=$.cookie('menuToggled');
    console.log(last);

    if (last!=null) {
        //remove default collapse settings
        $("#page-sidebar-menu-ul").removeClass('page-sidebar-menu-closed');
        //show the last visible group
        $("#"+last).collapse("show");
    }

    $("#page-sidebar-menu").bind('shown', function() {
        $.cookie('menuToggled', "page-sidebar-menu")
    });
</script>

Я назначил идентификаторы page-sidebar-menu и page-sidebar-menu-ul для моего шаблона.На странице, указанной выше, идентификатор page-sidebar-menu - это m_ver_menu, а идентификатор page-sidebar-menu-ul - это элемент ul, за которым следует идентификатор m_ver_menu.

. Буду признателен за любую помощь.Спасибо!

...