javascript - 轮播没有开始循环加载

Question

问题出在标题上。

我的html：

   <div id="myCarousel" class="carousel">
    <div class="carousel-inner">
      <div class="active item"><%=  image_tag("/images/home_page_1.png")%></div>
      <div class="item"><%= image_tag("/images/home_page_2.png", :size => '600x260') %></div>
      <div class="item"><%= image_tag("/images/home_page_3.png", :size => '600x260') %></div>
    </div>
  </div>

我的js：

$('#myCarousel').carousel({ interval: 200 }) 

文件在我的 js 文件夹中。其他一切正常工作。谷歌浏览器给了我错误：

未捕获的类型错误：对象 [对象对象] 没有方法“轮播”：3000/assets/application.js?body=1:17

Answer 1

确保：

• 只加载了一个 jQuery。

• jQuery 包含在bootstrap.js或之前bootstrap-carousel.js

• 不要同时包含bootstrap.js和bootstrap-carousel.js

Answer 2

您是否正确加载了 jquery carousel 扩展 javascript 文件？jquery默认没有carousel方法，你必须使用像http://thomaslanciaux.pro/jquery/jquery_carousel.htm这样的扩展