Bootstrap info-bulle n'est pas de travail

Mon JavaScript:

<script>
    $(function(){
        $('a[rel=tooltip]').tooltip();
    });
​</script>

Et mon code HTML:

<br><br><br>This is an example of a sentence with a
<a href="#" rel="tooltip" title="This is the tooltip!">tooltip</a>!

Cela ne montre pas le Bootstrap 2.0 info-bulle, mais montre quelques par défaut.

Vous devez décrire votre problème plus en détail car il n'y a pas assez de place ici pour dire exactement quel est le problème. Qu'entendez-vous par défaut? Poster une capture d'écran de votre info-bulle. Afficher plus de code, y compris les fichiers javascript vous inclure sur votre page, le css que vous avez compris et tout imprégnés de javascript.
J'ai déjà..c'est le peu c'est pertinent, pourquoi tu veux me poster le code complet?
il serait utile si vous avez posté votre balisage, juste pour voir ce que les scripts javascript sont inclus et ce qui ne l'est pas.

OriginalL'auteur Ali Gajani | 2012-03-02

  1. 7

    Essayez d'ajouter le code dans le footer. il a travaillé pour moi! pour une raison quelconque, il ne fonctionne pas dans l'en-tête de!

    N'. Travaillé :):)
    Juste pour ajouter un rapide A. Vous devez ajouter toutes les fonctions jQuery après la principale bibliothèque jQuery est chargé. ils devraient également être convoquée dans le $(document).prêt() la méthode.

    OriginalL'auteur Karthik

  2. 5

    Disons que vous avez déclaré votre info-bulles déclarée comme suit:

    <a href="#" rel="tooltip" class="tip" title="Rating:' + rating + '">'+ name +'</a>

    Dans le même fichier, assurez-vous d'inclure:

    <script type="text/javascript">
     $('.tip').tooltip();
</script>

    Notez que vous devez renvoyer ce code après le HTML, il les références, ou de l'envelopper dans 

    <script type="text/javascript">
    $(document).ready(function() {
        $('.tip').tooltip();
    });
</script>

    Également noter que le sélecteur jQuery fait référence à une classe de bulles et pas juste l'id d'une info-bulle.

    OriginalL'auteur Rose Perrone

  3. 0

    Assurez-vous que vous avez tous les styles css pour la .info-bulle classe chargée.

    Sans ces l'info-bulle peut être affiché à l'extérieur de la partie visible de la fenêtre de votre navigateur.

    OriginalL'auteur Case Sensitive