Twitter Bootstrap - Carousel

Question

Je l'ai déjà fait dans le tutoriel et cela fonctionne parfaitement, maintenant quand je vais le recréer il refuse de travailler, je vais fournir le code et les rapports d'erreur.

HTML:

<div class="carousel slide" id="myCarousel"> 
    <ol class="carousel-indicators"> 
     <li data-target="#myCarousel" data-slide-to="0" class="active"></li> 
     <li data-target="#myCarousel" data-slide-to="1"></li> 
     <li data-target="#myCarousel" data-slide-to="2"></li> 
     <li data-target="#myCarousel" data-slide-to="3"></li> 
    </ol> 
    <div class="carousel-inner"> 
     <div class="item active"><img src="http://placehold.it/1200x480" alt="placeholdit"></div> 
     <div class="item"><img src="http://placehold.it/1200x481" alt="placeholdit"></div> 
     <div class="item"><img src="http://placehold.it/1200x480" alt="placeholdit"></div> 
     <div class="item"><img src="http://placehold.it/1200x482" alt="placeholdit"></div> 
    </div> 
</div> 

JS: (liens de fichiers sont placés dans le corps et est donc le code)

<script src="js/bootstrap.js"></script> 
<script src="js/jquery.js"></script> 
<script> 
    $(document).ready(function() { 
     $('#myCarousel').carousel({interval: 2000}); 
    }); 
</script> 

RAPPORTS D'ERREUR:

TypeError: $ is not a function file:///C:/Users/Christopher/Desktop/Portfolio_Final/js/bootstrap.js Line 29

TypeError: $(...).carousel is not a function file:///C:/Users/Christopher/Desktop/Portfolio_Final/index.html#myCarousel Line 89

Comme il semble, ses erreurs de rapports de fonctions non existantes, jquery version est sur 1.9.1

Answer 1

Les plugins Bootstrap dépend de jQuery. Donc vous devez le charger en premier.

<script src="js/jquery.js"></script> 
<script src="js/bootstrap.js"></script> 
... 

Answer 2

essayer cette

jQuery.noConflict(); 
    jQuery(document).ready(function() { 
     jQuery('#myCarousel').carousel({ interval: 2000 }); 
    });