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"

OriginalL'auteur DarkKnightFan | 2012-10-06