Twitter Bootstrap Carrousel Ne Glisse Pas
J'ai rencontré un problème intéressant. Je suis sûr que la réponse est très simple, mais je ne pouvais pas le comprendre, alors j'ai pensé que je cherchais de l'aide.
En Gros, mon carrousel ne glisse pas. Il permet simplement de 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. En application.js, l'initialisation n'a pas non plus d'argument.
// carousel demo
$('#myCarousel').carousel()
Je remarque que les classes next et prev sont ajoutées à chaque élément en cliquant sur bouton pref / next, mais il ne semble pas faire la même chose sur le mien. Je n'ai rien vu de mal quand j'ai débogué non plus.
Qu'est-ce que je manque? J'ai testé cela dans les deux derniers Chrome et Safari.
6 réponses
Vous devez également ajouter bootstrap-transition pour le glissement de travail, comme suit:
<script src="twitter-bootstrap-v2/docs/assets/js/bootstrap-transition.js"></script>
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 slide au carrousel div
<div id="myCarousel" class="carousel slide">
Ensuite, vous appelez simplement:
$('#myCarousel').carousel();
Je pense que vous avez besoin
$('#myCarousel').carousel('cycle');
Pls Voir aussi: Comment puis-je faire en sorte que le carrousel Bootstrap js cycle automatiquement dès que la page se charge?
Voici un exemple de travail. C'est probablement quelque chose de mineur qui vous manque. http://jsfiddle.net/chapmanc/Vza6F/1/
Est-ce que vous venez de mettre ce JavaScript dans une balise <script>?
<script>
$('.carousel').carousel({
interval: 1000
});
</script>
Vérifiez les fichiers css que vous avez inclus. Essayez d'ajouter le bootstrap.fichier css ainsi en plus de bootstrap.min.CSS. Il a travaillé pour moi .