添加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原生的事件,
(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
版权声明:本文为博主原创文章,转载请附上博文链接!