侧边栏壁纸
博主头像
学海无涯博主等级

学无止境

  • 累计撰写 321 篇文章
  • 累计创建 80 个标签
  • 累计收到 0 条评论

目 录CONTENT

文章目录

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

利刃
2019-06-13 / 0 评论 / 0 点赞 / 4 阅读 / 809 字
温馨提示:
本文最后更新于 2024-08-13,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

使用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

0
  1. 支付宝打赏

    qrcode alipay
  2. 微信打赏

    qrcode weixin

评论区