解決pjax重復加載js導致事件重復綁定的問題



個人博客 地址:http://www.wenhaofan.com/article/20180925232057

1.所有js統一在pjax容器外引入

    在pjax容器外引入的js只會被引入一次,所以不會出現重復加載的問題,但是該方法僅適用於頁面較少的情況,如果頁面很多,那么會導致第一次訪問時引入大量不一定會被適用到的js,效率低下。

2.將綁定事件和其他事件區分成兩個js來引入

    在pjax中判斷是否已經引入綁定事件的js,如果已經引入則不再重復引入。

3.在js中添加代碼判斷是否已經被引入

    目測采用這種方法居多,本博客后台也采用了這種方法

    $(document).ready(function() {
	
	//避免pjax重復加載js導致事件重復綁定
	if (typeof (isLoad) != "undefined") {
	    return;
	}   
	isLoad=true;
    }

   判斷的變量名起得越長越好,避免與其他頁面的沖突


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM