BearAdmin菜单高亮Bug修复记录-优快云博客

本文链接：https://blog.youkuaiyun.com/DayDayUp_1234/article/details/119649694

博主针对ThinkPHP5.1+AdminLTE的BearAdmin后台管理系统发现菜单高亮存在缺陷，即选中后的菜单在触发其他菜单后高亮不消失。为了解决这个问题，博主进行了代码修改，使得当前及上级菜单都能正确高亮显示，提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

BearAdmin菜单高亮Bug修复记录

最近发现一个不错的php后台框架BearAdmin，但是美中不足的是左侧菜单高亮有些问题，强迫症忍受不了，于是乎进行了简单修改，看起来舒服多了。(基于ThinkPHP5.1+AdminLTE的后台管理系统TP5.1版源码下载)
修改前：选择过的菜单在其他菜单触发后高亮不会消失，顶级菜单高亮不自动切换
修改后：当前选择菜单和往上的逐级均高亮（这里修改到四级，更多级别同理）
在这里插入图片描述
修改位置：

修改代码：

//点击菜单高亮
$(function () {
    // $('.sidebar-menu li:not(.treeview) > a').on('click', function () {
    //     let $parent = $(this).parent().addClass('active');
    //     $parent.siblings('.treeview.active').find('> a').trigger('click');
    //     $parent.siblings().removeClass('active').find('li').removeClass('active');
    // });
    $('.sidebar-menu li:not(.treeview) > a').on('click', function () {
        $('li').removeClass('active');
        $(this).parent().addClass('active');
        $(this).parent().parent().parent().addClass('active');
        $(this).parent().parent().parent().parent().addClass('active');
        $(this).parent().parent().parent().parent().parent().addClass('active');
        $(this).parent().parent().parent().parent().parent().parent().parent().addClass('active');
    });

    $('[data-toggle="popover"]').popover();
});