Twitter Bootstrap pop-over non caricando

Question

Cosa sto facendo di sbagliato qui?

ho provato in un progetto più ampio e faceva farlo funzionare sia

veder la mia jsfiddle

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

UPDATE: ok così ho ottenuto che funziona se aggiungo manualmente $ (".pop") popover().; ma devo inizializzarli così?

Penso che la risposta è sì ... si ha la loro inizializzazione nel proprio codice per farlo funzionare ... il modo più semplice che ho trovato per farlo è sufficiente aggiungere

$(function() { 
    $('a[rel="popover"]').popover(); 
}); 

Answer 1

Ho avuto un problema simile. Stavo cercando una versione javascript-less del popup bootstrap ma non sembra possibile. Se si guarda alla sorgente della pagina di http://twitter.github.com/bootstrap/javascript.html#popover alla linea 709-718 vedrete che l'esempio fa qualcosa di simile:

Heres una versione semplificata che funziona per me

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

Edit: per recente versioni di twitter boostrap (in questo momento 2.2.1) potresti incontrare un problema in cui quando fai clic su un collegamento popover, sei portato in cima alla pagina. Questa risposta potrebbe essere utile anche https://stackoverflow.com/a/13759775/341692. In pratica i tuoi js ora dovrebbero essere

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

Answer 2

Per quello che vale, ho risposto a una domanda simile here riguardante l'utilizzo dei selettori a con la funzione bootstrap tabs(). Scommetto che popover() è simile.

Answer 3

Vedere la mia risposta a una domanda simile al fine di ottenere popover e tooltip di lavorare con un solo markup come gli altri plugin Bootstrap:

How to get Twitter Bootstrap jQuery Elements (tooltip, popover, etc) working?