Я использую шаблон 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
.
. Буду признателен за любую помощь.Спасибо!