web-dev-qa-db-fra.com

Twitter Bootstrap Le carrousel ne glisse pas

J'ai rencontré un problème intéressant. Je suis à peu près sûr que la réponse est très simple, mais je ne pouvais tout simplement pas le comprendre, alors j'ai pensé chercher de l'aide.

Fondamentalement, mon carrousel ne glisse pas. Cela change simplement l'image. J'ai même essayé de copier le code HTML exact du site bootstrap dans ma propre page et il ne glisse toujours pas. Dans application.js, l'initialisation est également sans argument.

// carousel demo
$('#myCarousel').carousel()

Je remarque que les classes next et prev sont ajoutées à chaque élément en cliquant sur le bouton pref/next, mais cela ne semble pas faire la même chose sur la mienne. Je n'ai rien vu de mal non plus lors du débogage.

Qu'est-ce que je rate? J'ai testé cela dans les deux derniers Chrome et Safari.

javascriptimagetwitter-bootstrapslideshowcarousel
23
juminoz

Vous devez également ajouter bootstrap-transition pour que le glissement fonctionne, comme ceci:

<script src="Twitter-bootstrap-v2/docs/assets/js/bootstrap-transition.js"></script>
44
gabber12

J'avais le même problème mais avec bootstrap v2.0.3 (qui a une transition intégrée), j'ai fini par ajouter la classe de diapositives au div du carrousel

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

alors vous appelez simplement:

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

Je pense que tu as besoin

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

Veuillez également voir: Comment puis-je faire le Bootstrap js carrousel cycle automatiquement dès que la page se charge?

1
R Claven

Voici un exemple de travail. C'est probablement quelque chose de mineur que vous manquez. http://jsfiddle.net/chapmanc/Vza6F/1/

0
chapman84

Vous venez de mettre ce JavaScript dans un <script> tag?

<script>
    $('.carousel').carousel({
        interval: 1000
    })​;
</script>
0
Dan