新增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原生的事件， $(functio$

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
版權宣告：本文為博主原創文章，轉載請附上博文連結！