Nivo滑块无法在Wordpress主题中正确加载

Question

网站：http://notsofastfoodtruck.com/

正如您所看到的Nivo Slider图像加载但它们不起作用，因为它们保持静止。

控制台错误：

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。

然后确保在nivoSlider内致电$(document).ready()。