Question

Problem is in title.

My 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>

My js:

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

Files are in my js folder. Everthing else working wright.
Google chrome gives me error:

Uncaught TypeError: Object [object Object] has no method ‘carousel’ :3000/assets/application.js?body=1:17

Answer 1

make sure:

• Only one jQuery is loaded.

• jQuery is included before bootstrap.js or bootstrap-carousel.js

• Don’t include both bootstrap.js and bootstrap-carousel.js