Javascript Girl
  1. Javascript Girl
  3. Twitter Bootstrap Carousel Not Sliding
Intereting Posts
Mettre à jour toute la page sur la demande d'Ajax Comment puis-je modifier cet algorithme qui réorganise un <ul>? Comment puis-je utiliser des clusters Node.js avec mon application Express simple? Javascript / jQuery – Comment puis-je obtenir le nom de la classe d'élément cliqué? Ajout d'une vue de ressource / graphique Gannt à jQuery Fullcalendar Y a-t-il des événements javascript / jQuery qui ressemblent à un "onmousestop" ou à des événements équivalents à "onmousewheel" pour une souris optique et / ou un pavé tactile? Comment afficher le bouton «haut de page» en utilisant jquery uniquement si la hauteur du navigateur est plus courte que la page? Définir Setter / Getter pour une variable locale non partagée: impossible? Appel de fonctions personnalisées depuis la console Firebug Propagation d'événement en Javascript La sélection déroutante n'est pas prise en charge par erreur dans google chrome and chrome JavaScript; Création de tableau n-dimensionnel Rappel jQuery – violation stricte Quelles sont les différences entre le groupe et la couche dans KineticJs AttachEvent ou addEventListener – stocké où?

Twitter Bootstrap Carousel Not Sliding

J'ai rencontré un problème intéressant. Je suis certain que la réponse est très simple, mais je ne pouvais tout simplement pas comprendre, alors je pensais que je cherchais de l'aide.

Fondamentalement, mon carrousel ne glisse pas. Il suffit de changer l'image. J'ai même essayé de copier le HTML exact du site bootstrap dans ma propre page et il ne glisse toujours pas. Dans application.js, l'initialisation n'a pas d'argument. 

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

Je remarque que les classes suivantes et précédentes sont ajoutées à chaque élément en cliquant sur le bouton préf / 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 qui me manque? J'ai testé ceci dans les deux derniers Chrome et Safari.

    Vous devez également ajouter bootstrap-transition pour le glissement au travail, de la manière suivante: 

     <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 (dont la transition a été regroupée), a fini par ajouter la classe de diapositives au carrousel div 

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

    Alors vous appelez simplement: 

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

    Je pense que vous avez besoin 

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

    Voyez aussi: Comment puis-je faire fonctionner automatiquement le carrousel de Bootstrap js dès que la page est chargée?

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

    Est-ce que vous mettez simplement ce JavaScript dans une <script> ? 

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

    Vérifiez les fichiers css que vous avez inclus. Essayez d'ajouter le fichier bootstrap.css en plus de bootstrap.min.css. Cela a fonctionné pour moi.