【问题标题】:Carousel stopped working旋转木马停止工作
【发布时间】:2012-06-27 08:31:41
【问题描述】:

我不明白为什么,但我的 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' %>

问题出在哪里?

【问题讨论】:

  • 你在加载 bootstrap-carousel.js 吗?
  • 所有引导文件都在我的 js 目录中。模式和下拉菜单正在工作。
  • jsfiddle.net 中创建您的站点 [html/js/css] 的克隆,然后从那里开始调试,同时向我们展示创建后的小提琴 URL,以便我们在调试过程中进行协作。
  • 可能轮播js文件还没加载?如果您还没有这样做,请尝试在 html 中实际调用它之前加载您的 js 文件

标签: jquery twitter-bootstrap


【解决方案1】:

确保:

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

  • bootstrap-carousel.js 或 bootstrap.js 包含在内(不是两者都包含在 jQuery 之后)。

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-12-24
    • 2021-04-09
    • 1970-01-01
    • 2014-02-01
    • 1970-01-01
    • 2016-01-02
    相关资源
    最近更新 更多