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();
});
|