jquery - 我的 jquery 已停止工作

Question

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

你可以在这里看到我的网站http://mhutchinson.me.uk/

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

希望有人能帮忙！

score 1 · Accepted Answer

如前所述，在您的控制台中，问题是第 31 行的 JS 错误，您尝试调用 carousel.

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

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

score 0 · Accepted Answer

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

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

score 0 · Accepted Answer

尝试先初始化轮播然后链接cycle方法：

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

更新：

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

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

3 回答 3