Bootstrap Carousel Not Working

February 27, 2024 Post a Comment

I'm trying to implement the Twitter Bootstrap carousel, and so far I've been unsuccessful. I have the following page:

Solution 1:

Clearly jQuery wasn't loaded correctly. Try loading the two scripts in the page <head>.

The code to run the carousel is

<script>// Load this when the DOM is ready
$(function(){
  // You used .myCarousel here. // That's the class selector not the id selector,// which is #myCarousel
  $('#myCarousel').carousel();
});
</script>

You can put it either in the <head> after the two other scripts or where the other scripts are now.

Solution 2:

Had the same problem.

For me i had to use jQuery 1.7.1 , as 1.6.4 didn't work.
i had to include bootstrap-transition

Solution 3:

Recently had the same problem, it seems in the current version of Bootstrap, you must also include a class called slide.

Baca Juga

<div id="myCarousel"class="carousel slide span12">

Solution 4:

You defined as id not a class , So you should start carousel by this code of jquery , so replace

$('#myCarousel').carousel();

instead of

$('.myCarousel').carousel();

Solution 5:

I was using Django's JQuery (I don't know the version) and it was not working. However, it works with Jquery 1.7.1.

JavaScript Test