layui 左侧导航栏去除高亮

LayUI是一个界面美观易用的前端UI框架，其中的导航菜单可以实现高亮显示当前所在页面，但有时候我们可能需要去除这种高亮效果。

具体实现方法如下：

1. 修改lay-side-scroll.js文件

打开该文件，找到下面这段代码：

$(parent.sideDOM).find('.layui-nav-itemed,.layui-nav-itemed > a').removeClass('layui-nav-itemed');
$(parent.sideDOM).find('.layui-nav-child dd.layui-this').removeClass('layui-this');

将其中的removeclass('layui-nav-itemed')和removeclass('layui-this')注释掉即可。

2. 修改lay/modules/side.js文件

打开该文件，在layinit函数中找到下面这段代码：

navs.find('a').each(function () {
    var a = $(this);
    if (a[0].href === urlFullPath) {
        selAry.push(a);
        currTag = a.parent();
        return false;
    }
});

将其中的currTag = a.parent();注释掉即可。

这样修改后，导航栏将不再高亮显示当前所在页面。

需要注意的是，如果使用了LayUI的模块化开发方式，则需要将修改后的js文件打包并重新引用。