关于导航栏进行切换刷新页面导致class消失问题

使用Django、Bootstrap、Layui进行网页开发时,建立后台导航,进行页面切换时,页面全局刷新,导致导航恢复初始值。

image

解决方法:

$("ul.layui-nav-tree li a ").each(function () {
        if($($(this))[0].href==String(window.location)){
             $(this).parent().addClass('layui-this');
            $($(this)).parent().parent().parent().addClass('layui-nav-itemed');
        }
});

将以上代码加入js文件中。

当用户点击a标签时,触发事件。

判断链接值是否与当前页面地址一致,

如果一致则添加点击状态class及将一级导航展开。

2019-6-13 13:32:18

点赞