bootstrap: Uncaught TypeError: Object [object object] n'a pas de méthode 'tooltip', 'typeahead'
Je suis en train d'utiliser l'info-bulle, typeahead, datepicker caractéristiques de bootstrap. Mais je continue à recevoir ces erreurs dans la console!
Uncaught TypeError: Object [object Object] has no method 'tooltip'
Uncaught TypeError: Object [object Object] has no method 'typeahead'
C'est comment mon importations ressembler à:
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/datepicker.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.8.0.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="js/bootstrap-typeahead.js"></script>
<script type="text/javascript" src="js/highcharts.js"></script>
<script type="text/javascript" src="js/exporting.js"></script>
<link type="text/css" rel="stylesheet" href="css/jquery.dropdown.css" />
<script type="text/javascript" src="js/jquery.dropdown.js"></script>
Un exemple de code:
<a class="btn btn-success" data-toggle="modal" href="#payments"
rel="tooltip" data-placement="top" title="Record your payments">
<i class="icon-check icon-white"></i> Payments</a>
$("#payments").tooltip('show');
De la même façon, j'ai le code pour le datepicker et typeahead.
toute solution?
EDIT:
C'est ce que j'ai essayé tout à l'heure:
<a href="#" rel="tooltip" data-placement="top" title="Tooltip on top">Test</a>
<script type="text/javascript">
$(function() {
$("#").tooltip().tooltip('show');
});
</script>
Mais toujours sans succès. Il montre le texte d'info-bulle quand je survolez Test
mais la c'est de l'époque pré-historique. Pas comme celles illustrées sur bootstrap exemple les pages. Pas cool.
Alors maintenant, peut-on dire, où vais-je tort?
Où en êtes-vous en appelant la méthode? Vous pouvez poster aussi ce morceau de code?
Le problème, c'est que #<nom> référence à l'id de votre objet, et il n'y a aucun objet appelé paiements. Pour qu'il fonctionne, href="#paiements" devrait être remplacer par href="#" id="paiements"
Le problème, c'est que #<nom> référence à l'id de votre objet, et il n'y a aucun objet appelé paiements. Pour qu'il fonctionne, href="#paiements" devrait être remplacer par href="#" id="paiements"
OriginalL'auteur DarkKnightFan | 2012-10-06
Vous devez vous connecter pour publier un commentaire.
Êtes-vous sûr que le bootstrap, fichiers js sont-il correctement chargé? Et aussi, vous devez initialiser le plugin tooltip sur l'élément avant d'appeler la
show
méthode programmaticaly:Qui s'applique à
datepicker
ettypeahead
plugins.Le code que vous utilisez n'est pas correct.
$('#')
ne se réfère pas à lahref="#"
si c'est ce que vous avez pensé. Le#
dans un sélecteur est utilisé pour faire correspondre l'id d'un élément. Donc<a href="" id="link1">
serait compensée par$('#link1')
. Dans votre cas de test, vous pouvez correspondre aurel
attribut comme$('a[]').tooltip().tooltip('show');
. Cela devrait faire l'affaireMais de ce que je peux déduire de maintenant, vous n'avez pas besoin de l'explicite
.tooltip('show')
, sauf si vous voulez forcer l'info-bulle à l'écran. Si vous voulez juste faire apparaître sur la souris, vous pouvez simplement faire$('a[]').tooltip();
et si ce sera suffisant, comme le plug-in se lie lui-même à la mouseover/mouseout événements. Essayez et laissez-moi savoirJ'ai mis à jour la réponse à refléter mes derniers commentaires. Ce code devrait vous donner la valeur par défaut fonctionnalité d'info-bulle comme sur le bootstrap page de démonstration (à condition que le bootstrap js chargement du fichier correctement)
J'ai découvert ce qu'était la cause. Le problème est cause d'une sorte de conflit entre
bootstrap
etHighCharts
plugins. Je suis à l'aide de HighCharts plugin pour afficher des graphiques sur la même page. Et quand j'ai enlevé le HighCharts code, à la force du poignet caractéristiques a commencé à travailler et il n'y avait pas d'erreurs liées à la méthode bootstrap. Va commencer un nouveau thread pour savoir sur le conflit entre ces deux. Merci pour votre aide!OriginalL'auteur Bogdan
Je viens de tomber sur ce problème et mon problème est que j'ai été accidentellement y compris jQuery deux fois.
Wouldnt ce soit comme les deux versions de jquery plutôt?
J'ai eu le même problème! Merci!
OriginalL'auteur you786
Je peux voir la bootstrap-tooltip.js n'existent pas dans vos balises de script.
bootstrap.js
fichierje suppose que ces tous les fichiers js sont tous inclus dans bootstrap.js fichier! corrigez-moi si me trompe..
oui tous les types bootstrap plugins devraient être en
bootstrap.js
(c'est si vous n'avez pas personnaliser le téléchargement et non l'un d'eux) twitter.github.com/bootstrap/customize.htmlOui, c'est correct, mais peut-être que vous avez personnalisé votre bootstrap.js et vous avez oublié d'inclure tous les plugins ou vos plug-ins nécessaires
et bien non, je n'ai pas le personnaliser.. j'ai été très bien conscients de ce fait j'ai donc téléchargé la version complète, qui a toutes les caractéristiques... j'ai même de la croix, il a vérifié en vérifiant le code à l'intérieur bootstrap.js. Il comprend pertinentes plugins...\
OriginalL'auteur Johndave Decano
Je voudrais essayer de mettre le fichier de démarrage de scripts en dessous de tous les autres scripts. J'ai eu le même problème et c'était parce que j'avais un script jQuery au-dessus de mon script bootstrap.
OriginalL'auteur user2704238