web-dev-qa-db-fra.com

Twitter Bootstrap pop-over ne se charge pas

Qu'est-ce que je fais mal ici? 

Je l'ai essayé dans un projet plus grand et je ne pouvais pas le faire fonctionner non plus

voir mon jsfiddle

http://jsfiddle.net/keithmancuso/24RQM/

UPDATE: ok, donc je l'ai obtenu si j'ajoutais manuellement $ (". Pop"). Popover (); mais dois-je les hospitaliser comme ça? 

Je pense que la réponse est oui ... vous devez les initialiser dans votre propre code pour le faire fonctionner ... la façon la plus simple que j'ai trouvée de faire cela est simplement d'ajouter

$(function() {
    $('a[rel="popover"]').popover();
});
twitter-bootstrappopover
23
Keith Mancuso

J'avais un problème similaire. Je recherchais une version sans JavaScript de la fenêtre d’amorçage mais cela ne semble pas possible. Si vous regardez la source de la page http://Twitter.github.com/bootstrap/javascript.html#popover À la ligne 709-718, vous verrez que l'exemple a un effet similaire:

Heres une version simplifiée qui fonctionne pour moi

<a href="#" class="btn danger" 
            rel="popover" 
            data-original-title="title" 
            data-content="content">popover</a>
<script>
  $("a[rel=popover]").popover();
</script>

Edit: pour les versions récentes de Twitter boostrap (version 2.2.1 actuelle), vous pouvez rencontrer un problème où lorsque vous cliquez sur un lien popover, vous êtes redirigé vers le haut de la page. Cette réponse pourrait également être bénéfique https://stackoverflow.com/a/13759775/341692 . Fondamentalement, votre JS devrait maintenant être

<script>
$("a[rel=popover]")
    .popover()
    .click(function(e) { 
        e.preventDefault(); 
    });​
</script>
23
hajpoj

Voir ma réponse à une question similaire pour que popover et les info-bulles fonctionnent avec un balisage similaire aux autres plug-in Bootstrap:

Comment faire pour que Twitter Bootstrap jQuery Elements (info-bulle, popover, etc.) fonctionne?

1
Neil Goodman

Pour ce que ça vaut, j'ai répondu à une question similaire ici concernant l'utilisation des sélecteurs a avec la fonction bootstrap tabs(). Je parie que popover() est similaire.

0
D.Tate