2016-04-06 97 views
1

我不是jQuery大師,似乎無法獲得此需要爲客戶端加載的網站上的jQuery功能。我仔細檢查過所有文件路徑是否正確 - 而且它們是 - 但似乎沒有任何工作。HTML頁面上的jQuery無法加載

我已經承辦過現場直播 - 您可以在那裏查看源代碼。 (源代碼已刪除)地圖應顯示在導航和頁腳之間 - 但沒有任何內容!

+4

爲什麼在同一頁面上包含兩個(不同的)jQuery版本?檢查瀏覽器的控制檯是否有錯誤。 – j08691

+2

另外 - * SyntaxError:缺少}在函數體*之後 - 控制檯。請記住,控制檯是你的朋友。 – Derek

+0

不要混合2個版本的jQuery librarys ..這些將會相互衝突。但沒有什麼可說的,這是不可能的,看看這個:http://stackoverflow.com/questions/1566595/can-i-use-multiple-versions-of-jquery-on-the-same-page – Jer

回答

1

我打開你的網站鏈接,我就Firebug看到你的地方缺少一個括號:

enter image description here

我強烈建議你使用像Firebug的一些開發者工具來查看JavaScript錯誤。嘗試找到你的問題,並讓我知道它是否會工作。

+0

Chrome的控制檯可能是更好的選擇 – Derek

+0

親自我愛螢火蟲哈哈 –

+0

螢火蟲沒關係,它是設備模仿能力 – Derek

4

刪除<script src="js/jquery.js"></script>行,因爲您已經在使用縮小版本。

你有2個版本的jQuery在您的網站正在使用現在:

jQuery v1.11.1jQuery v2.1.4

決定要使用哪一個並刪除另一個。

1

嘗試檢查您的腳本何時被觸發。如果在頁面上的任何其他腳本之前加載,Jquery通常效果最好。

<script src="~/Scripts/jquery-2.1.4.js"></script> 
<script src="~/Scripts/bootstrap.js"></script> 
1

如果你看的Javascript控制檯,你會看到你在你的JavaScript語法有一個錯誤:

enter image description here

看來你忘了關閉括號。 大概是因爲這條線:

$("#image-map-pro-container").imageMapPro({"id":3082,"edi ... 

太長,我建議你嘗試將其分解成塊。