我想切换菜单并将其设置保存在 cookie 中。这是我的切换按钮的 Jquery 代码:
我的 HTML
<div class="nav toggle">
<a id="menu_toggle"><i class="fa fa-bars"></i></a>
</div>
我的代码
var $MENU_TOGGLE = $('#menu_toggle')
$MENU_TOGGLE.on('click', function() {
console.log('clicked - menu toggle');
if ($BODY.hasClass('nav-md')) {
$SIDEBAR_MENU.find('li.active ul').hide();
$SIDEBAR_MENU.find('li.active').addClass('active-sm').removeClass('active');
} else {
$SIDEBAR_MENU.find('li.active-sm ul').show();
$SIDEBAR_MENU.find('li.active-sm').addClass('active').removeClass('active-sm');
}
$BODY.toggleClass('nav-md nav-sm');
setContentHeight();
});
最佳答案
我使用 localStorage 来解决我的问题。这是在本地存储设置的非常简单且容易的方法。我添加这两行。
这是我的代码:
localStorage.setItem('Menu', 'Mini');
localStorage.setItem('Menu', 'Larg');
然后我在页面中添加了如下脚本:
<script>
if (localStorage.Menu === 'Mini') {
$("body").addClass('nav-sm');
} else {
$("body").addClass('nav-md');
}
</script>
关于javascript - 如何使用 cookie 保存 menu_toggle 的设置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44956836/