adminlte左侧菜单栏高亮定位

添加js代码如下

$(function(){
        $('.sidebar-menu li:not(.treeview) > a').on('click', function(){
            console.log(this.href);
            var $parent = $(this).parent().addClass('active');
            $parent.siblings('.treeview.active').find('> a').trigger('click');
            $parent.siblings().removeClass('active').find('li').removeClass('active');
        });
        $('.sidebar-menu a').each(function(){
            if(this.href === window.location.href){
                $(this).parent().addClass('active')
                        .closest('.treeview-menu').addClass('.menu-open')
                        .closest('.treeview').addClass('active');
            }
        });


    });

参考：https://www.jianshu.com/p/9d8bbdaa4ce6
要点：window.onload是js原生的事件， $(function(){})是Jquery的方法(等价于$(document).ready(function(){}) )，两者主要有以下几点差别：

1、window.onload：在页面所有资源加载完后执行，如果有多个定义则只执行最后一个

2、$(function(){})：在Dom节点创建完成后执行，如果有多个定义则依次执行

可以看出$(function(){})在window.onload前执行

比如：页面中只有一个img标签，当img节点创建完后就会执行$(function(){})中的代码，当img的src指定的图片完全加载完后才会触发window.onload事件。

作者：peachesTao
来源：CSDN
原文：https://blog.csdn.net/taoerchun/article/details/51490714
版权声明：本文为博主原创文章，转载请附上博文链接！