1. 程式人生 > >使用jQuery外掛時避免重複引入jquery.js檔案(jQuery 重複載入錯誤以及修復方法)

使用jQuery外掛時避免重複引入jquery.js檔案(jQuery 重複載入錯誤以及修復方法)

最近在做專案的時候,遇到個問題:

父頁面引入子頁面,子頁面引入jQuery.js檔案,父頁面JS依賴jQuery.js ,出現問題是,總提示JS物件無效。猜測jQuery載入順序不是最早造成的。

父頁面:


子頁面:


從這裡看 ,jQuery.js 是最早的咯,可是為什麼其它的js都提示 屬性無效呢。

後面用 IE11 的F12工具檢視 JS 的載入順序,發現 jQuery 是最早載入的,只是加頁面載入完畢後,突然有個請求又載入了一次 jQuery。



原因是如下程式碼:

複製程式碼 程式碼如下:
$(function() {
$("#zjyw_table_1").load("xxx.jsp");
}

xxx.jsp 裡又載入了 jQuery.js 。 把這句註釋後就正常了。

這問題還鬱悶了挺久,記錄一下,方便其它人哈。

找到方法了之後解決方式很簡單,這裡主要是把查詢問題的思路給大家分享下,同時有相同問題的小夥伴可以參考下。