Bootstrap Carousel Not Automatically Sliding

J'utilise bootstrap par le carrousel de Twitter (dernière version) et je l'ai fonctionné, sauf qu'il ne commence pas à glisser automatiquement. Cela fonctionne bien après avoir cliqué sur l'un des boutons de navigation. Je ne suis pas sûr de ce qu'il fait.

Voici ma configuration JS dans l'en-tête:

  • Exiger des fichiers jsx sans spécifier l'extension
  • Supprimer l'élément de tableau en fonction de la propriété de l'objet
  • JQuery iframe load () event?
  • JSON exclut Infinity et NaN; Statut JSON dans ECMAScript?
  • Retrouvez toutes les instances de «vieux» dans une page Web et remplacez chacune par «nouveau», en utilisant un bookmark javascript
  • Ordre d'exécution de plusieurs fonctions setTimeout () avec le même intervalle
  • <script type="text/javascript" src="<?php echo tz_JS . '/bootstrap/jquery.js'; ?>"></script> <script type="text/javascript" src="<?php echo tz_JS . '/bootstrap/bootstrap-carousel.js'; ?>"></script> <script type="text/javascript" src="<?php echo tz_JS . '/bootstrap/bootstrap-transition.js'; ?>"></script> 

    Et le HTML:

     <div id="myCarousel" class="carousel slide"> <div class="carousel-inner"> <div class="active item"> <div class="image-position-right"> <a href="#"><img src="validimagelink.jpg" width="920" height="550" alt=""></a> </div> </div> <div class="item"> <div class="image-position-right"> <a href="#"><img src="validimagelink.jpg" width="920" height="550" alt=""></a> </div> </div> </div> <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a> <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a> 

    Aussi, ajoutez-nous ceci en vain:

     <script> $('#myCarousel').carousel({ interval: 1200 }); </script> 

    Après avoir effectué la modification ci-dessus, la console javascript dit:

    Uncaught TypeError: Object # n'a pas de méthode 'carousel' (fonction anonyme) b.extend.ready jquery.min.js: 29 u

    Des idées sur la raison pour laquelle cela ne fonctionnerait pas?

  • Utilisation de Razor dans JavaScript
  • Détection du support de flex-wrap dans les navigateurs
  • Démarrer le téléchargement de fichier avec JavaScript
  • Conversion de chaînes à ce jour en js
  • Comment retirez-vous un modèle de mangouste?
  • Google Maps demande le retour "Impossible de définir la propriété" position "de indéfinie"
  • 3 Solutions collect form web for “Bootstrap Carousel Not Automatically Sliding”

     <script type="text/javascript"> $(document).ready(function() { $('.carousel').carousel({ interval: 1200 }) }); </script> 

    Si cela ne fonctionne toujours pas, recherchez des erreurs potentielles dans la console du navigateur (firebug / chrome …).


    Pour

     Uncaught TypeError: Object # has no method 'carousel' (anonymous function) b.extend.ready jquery.min.js:29 u 

    Assure-toi:

    Un seul jQuery est inclus

    Un seul bootstrap-carousel.js ou bootstrap.js est inclus.

    JQuery est inclus en premier, puis bootstrap-carousel.js ou bootstrap.js, puis $ (document) .ready (…

    Parfois, l'utilisation de la mauvaise version de JQuery peut affecter les actions du carrousel Twitters Boostrap. Ils sont en cours d'exécution v1.7.1, si votre utilisation différente, cela pourrait causer des erreurs.

    Si vous n'utilisez pas v1.7.1, vous pouvez le télécharger à partir d'ici:

    http://code.jquery.com/jquery-1.7.1.min.js

    Assurez-vous également que votre code est enveloppé dans un document prêt:

      $(document).ready(function () { // code here }); 

    J'ai eu votre même problème et j'ai trouvé la solution; Comme nous avons tous deux mis les javascripts à la fin de la page, l'appel de la fonction doit être mis après eux:

     <script src="js/jquery.min.js"></script> <script src="js/bootstrap.js"></script> <script type="text/javascript"> var $ = jQuery.noConflict(); $(document).ready(function() { $('#myCarousel').carousel({ interval: 3000, cycle: true }); }); 

    Parfois, vous devez mettre le fichier JavaScript après le carousal. En fait, avant la fin de la page.

    Ref: http://twitterbootstrap.org/twitter-bootstrap-3-carousel-not-automatically-starting/

    Bon codage. Merci

    JavaScript rend le site Web intelligent, beauté et facile à utiliser.