关于导航栏进行切换刷新页面导致class消失问题
使用Django、Bootstrap、Layui进行网页开发时,建立后台导航,进行页面切换时,页面全局刷新,导致导航恢复初始值。
解决方法:
1 2 3 4 5 6 |
$("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
版权声明:
作者:龙魂
链接:https://blog.wlzs.cn/%e5%85%b3%e4%ba%8e%e5%af%bc%e8%88%aa%e6%a0%8f%e8%bf%9b%e8%a1%8c%e5%88%87%e6%8d%a2%e5%88%b7%e6%96%b0%e9%a1%b5%e9%9d%a2%e5%af%bc%e8%87%b4class%e6%b6%88%e5%a4%b1%e9%97%ae%e9%a2%98/
文章版权归作者所有,未经允许请勿转载。
THE END