jquery - 轮播停止工作

Question

我不明白为什么，但突然我的 Bootstrap Carousel 停止工作了。我希望它开始加载。

Chrome 控制台出现错误:

          Uncaught TypeError: Object [object Object] has no method 'carousel' :3000/assets/application.js?body=1:18
          (anonymous function) :3000/assets/application.js?body=1:18
         jQuery.Callbacks.fire jquery-1.7.2.js:1076
        jQuery.Callbacks.self.fireWith jquery-1.7.2.js:1194
        jQuery.extend.ready jquery-1.7.2.js:436
        DOMContentLoaded jquery-1.7.2.js:950

在我的 application.js 中:

        $('.carousel').carousel({
        interval: 2000
       })

在我的布局中:

       <%= javascript_include_tag 'jquery-1.7.2', 'jquery.validate.min','application' %>

问题出在哪里？

Answer 1

确保:

• 只有一个 jQuery 只包含一次。

• 包含 bootstrap-carousel.js 或 bootstrap.js(不能同时包含且位于 jQuery 之后)。

• 看这里的评论 https://stackoverflow.com/a/11233713/1416911 (和你的问题一样)