【问题标题】:Can't make bootstrap carousel cycle无法进行引导轮播循环
【发布时间】:2012-07-02 03:40:35
【问题描述】:

我的旋转木马正在工作,但突然停止了。我认为一些包含的文件有问题。

我正在使用 RubyOnRails 和 Twitter Bootstrap。

已编辑我的 javscript 文件夹中的文件名: 应用程序,引导轮播,引导下拉,引导模式,引导过渡,jquery-1.7.2,jquery.validate.min

这是我视图中的代码(已删除'jquery.validate.min'):

       <%= javascript_include_tag 'jquery-1.7.2','application' %>

并生成 HTML 代码:(我认为问题在这里)导致删除第二行

   <script src="/assets/jquery-1.7.2.js?body=1" type="text/javascript"></script>
   <script src="/assets/jquery.js?body=1" type="text/javascript"></script>
   <script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
   <script src="/assets/bootstrap-carousel.js?body=1" type="text/javascript"></script>
   <script src="/assets/bootstrap-dropdown.js?body=1" type="text/javascript"></script>
   <script src="/assets/bootstrap-modal.js?body=1" type="text/javascript"></script>
   <script src="/assets/bootstrap-transition.js?body=1" type="text/javascript"></script>
   <script src="/assets/jquery-1.7.2.js?body=1" type="text/javascript"></script>
   <script src="/assets/jquery.validate.min.js?body=1" type="text/javascript"></script>
   <script src="/assets/application.js?body=1" type="text/javascript"></script>

这是我的 application.js 的代码:

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

来自 Google Chrome 控制台的错误:

       Uncaught TypeError: Object [object Object] has no method 'carousel' 

奇怪的是,它在几乎空的 html 页面中工作(仅使用轮播),并且控制台也出现此错误,但它正在工作。

你能说什么?

【问题讨论】:

  • 您也许应该调查一下为什么您的 jquery 和 jquery 验证文件被加载了两次?您是否在 application.js 中引用它们?
  • 看起来您正在使用资产管道,但也手动包含文件。 How to use the asset pipeline.
  • 我发现了错误。我从我的 js 文件夹中删除了文件。谢谢,伙计们。

标签: jquery ruby-on-rails twitter-bootstrap


【解决方案1】:

正确代码:

        <%= javascript_include_tag 'application' %>

并从我的 js 文件夹中删除 jquery-1.7.1.min.js。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-12-20
    • 2015-09-28
    • 2020-10-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-06-20
    • 1970-01-01
    相关资源
    最近更新 更多