NIVO滑塊不是在WordPress主題正確加載

Question

網站：http://notsofastfoodtruck.com/

正如你可以看到NIVO滑塊圖像加載，但他們沒有工作，因爲他們留下靜態的。

控制檯錯誤：

Uncaught TypeError: Object [object Object] has no method 'anim_progressbar' script.js:164 
Uncaught TypeError: Object [object Object] has no method 'nivoSlider' script.js:80 
Uncaught TypeError: Object [object Object] has no method 'nivoSlider' 

任何意見，指出我在正確的方向表示讚賞。我試圖找出一個朋友的問題。

Answer 1

你有幾個問題。在jQuery對象上有很多異常抱怨未知方法（nivoSlider，anim_progressbar）。

這是我發現的。

1. 要包括的jQuery的多個版本到您的網頁。這會造成麻煩。對於其中的一個，您調用.NoConflict()，它定義了jQuery對象。對於其他你沒有的，它定義了$對象。 anim_progressbar正在定義其中一個（jQuery），並且您正嘗試從另一箇中使用它，這會引發異常。你可以在屏幕上方看到它。解決方案：只使用一個版本的jQuery。

2. 在我看來，您正試圖從文檔就緒功能外調用nivoSlider()。

3. 在script.js中還有一堆其他草率的東西。像完全空的document.ready塊一樣。

基本上你需要控制你的頁面。看起來你只是把所有的東西都扔進了你能想到的那個頁面。有72個腳本和幾個jQuery實例。把它全部切回來並控制它。重來。使用一個版本的JQuery。

然後確保您在$(document).ready()範圍內致電nivoSlider。