我的jquery已停止工作了

Question

我的.js文件似乎已停止显示任何结果，我不确定为什么它已停止工作？我已经删除了我添加的任何wordpress插件，认为它们可能存在冲突，但这似乎没有任何区别。

您可以在此处查看我的网站http://mhutchinson.me.uk/

正如您所看到的，如果向下滚动，该类别的砌体脚本和文本替换已停止工作，它们位于同一.js文件中。

该文件可在此处找到http://mhutchinson.me.uk/wp-content/themes/twentyeleven/js/script.js

希望有人可以提供帮助！

Answer 1

在你的控制台中，如前所述，问题是第31行的JS错误，你试图调用轮播。

问题是你正在加载页面时调用轮播，在你的情况下，它是在加载DOM元素之前的.carousel之前。

JS / Jquery最佳实践声明，您将所有依赖于DOM元素的代码放在window.onload处理程序中，或者在jquery的情况下，使用ready。

window.onload = function(){
  $('.carousel').carousel('cycle')({
    interval: 1000
  })
}

或

$(document).ready(function(){
  $('.carousel').carousel('cycle')({
    interval: 1000
  })
})

经过进一步调查，问题是使用$的库相互冲突。应该使用jQuery.noConflict。 jQuery.noConflict

Answer 2

您可以使用Chrome（F12）或Firebug中的控制台查看Javascript错误。在这种情况下，Uncaught Type Error: object is not a function与您添加到您头脑中的这段代码有关;

 <script>
   $('.carousel').carousel('cycle')({
   interval: 1000
   })
 </script>

Answer 3

首先尝试初始化轮播，然后使用cycle方法进行链接：

$(document).ready(function () {
    $('.carousel').carousel({
        interval: 1000
    }).carousel('cycle');
});

<强>更新

加载页面时，我只收到两个错误：

1. 在http://mhutchinson.me.uk/wp-content/themes/twentyeleven/img/glyphicons-halflings.png
上找不到404
2. GET在https://apis.google.com/js/plusone.js失败（因为我的AVG浏览器扩展程序阻止了Google +1）

并且carousel已停止工作（因为该脚本不再在页面上，或作为外部.js文件链接到该页面）。