Advertisement

侧滑菜单功能在刷新后维持原有状态

阅读量:

侧滑菜单,在重新刷新后依然维持其原本的打开或关闭状态。将其打开还是关闭的状态存储在Cookie中即可

([".sidebar-menu li"]).bind("click", function() { const page = (this).attr('id');
// 设置 cookie 存储当前选定的列 ID
$.cookie('page', page, {path: '/'});
});

点击那个展开收缩的按钮。
$(“.sidebar-toggle”).click(function () {

定义变量status为body元素的attr属性值,并获取其class属性。
皮肤布局包含两种状态:展开状态为'skin-blue-sidebar-mini-sidebar-open'以及收缩状态则为'skin-blue-sidebar-mini-sidebar-opensidebar-collapse'。
定义常量:
const status1 = 'skin-blue-sidebar-mini-sidebar-open '.trim();
const status2 = 'skin-blue-sidebar-mini-sidebar-open-sidebar-close '.trim();
如果当前的状态等于扩展状态,则将该元素设置为收缩样式:

全部评论 (0)

还没有任何评论哟~