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

2019年6月13日 1730点热度 1人点赞 0条评论

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

解决方法：

$("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');
        }
});

$("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

本作品采用知识共享署名 4.0 国际许可协议进行许可