web-dev-qa-db-fra.com

Bootstrap: 'TypeError undefined n'est pas une fonction' / 'n'a pas de méthode' onglet '' lors de l'utilisation de bootstrap-tabs

Je suis en train de construire un petit site pour le moment et je voulais utiliser certaines des parties de Bootstrap de Initialzr, en particulier les onglets. J'ai actuellement essayé d'utiliser le code d'exemple fourni par Bootstrap project (http://Twitter.github.com/bootstrap/javascript.html#tabs)) et quelques ajustements, mais obtenez "indéfini n’est pas une fonction" au chargement.

Les fichiers JS sont préchargés dans le bon ordre (jQuery, libs/bootstrap/*, mon fichier script.js/le script mélangé dans le code HTML), les commandes standard jQuery (masquer, etc.) fonctionnent correctement, de sorte qu'elles ne semblent pas l'être liée à l'option noConflict ().

Quoi d'autre dois-je vérifier?

javascriptjqueryruby-on-railstwitter-bootstrap
53
Nicholas Smith

J'ai effectivement réussi à comprendre ce que je faisais mal (et c'était de ma faute).

Je suis habitué à utiliser les pré-jQuery Rails. Ainsi, lorsque j’ai inclus les fichiers JS Bootstrap), je ne pensais pas que l’inclusion de la version de jQuery fournie avec eux causerait des problèmes. supprimé ce fichier JS tout a commencé à fonctionner parfaitement.

Leçon apprise, vérifiez trois fois quels fichiers JS sont chargés, voyez s'il y a des conflits.

35
Nicholas Smith

Cela peut aussi être causé si vous incluez bootstrap.js avant jquery.js.

D'autres pourraient avoir le même problème que moi.

Inclure jQuery avant bootstrap.

80
Alan Whitelaw

assurez-vous que vous êtes en utilisant la dernière version de jquery et que le problème est résolu

J'ai rencontré ce problème avec ce code:

<script src="/scripts/plugins/jquery/jquery-1.6.2.min.js"> </script>
<script src="/scripts/plugins/bootstrap/js/bootstrap.js"></script>

Après le changer en ceci:

<script src="/scripts/plugins/jquery/jquery-1.7.2.min.js"> </script>
<script src="/scripts/plugins/bootstrap/js/bootstrap.js"></script>

Ça fonctionne bien

18
Johnny Zhao

L’utilisation de l’événement "on" est probablement ce qui Bootstrap utilise beaucoup et a été inséré à jQuery 1.7 http://api.jquery.com/on/

3
Alexandre Magno Teles Zimerer

Nous pouvons essayer en utilisant la dernière bibliothèque jQuery. J'ai le même problème. J'ai utilisé jQuery-1.4.2.min avant et obtenir l'erreur. Après cela, j'ai utilisé la version 1.9.1 et cela fonctionne. Merci

0
user1996803