使用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'); } });
将以上代码加入js文件中。
当用户点击a标签时,触发事件。
判断链接值是否与当前页面地址一致,
如果一致则添加点击状态class及将一级导航展开。
2019-6-13 13:32:18
评论区