Twitter Bootstrap Popovers non funziona

Question

Ecco il mio HTML:

<div id="disclaimer">After 30 Days you'll have the option to keep your account for $15 per month -no contract required-or revert to a single page free account.*</div> 

JavaScript:

$('#disclaimer').popover({ 
    trigger: 'hover', 
    html: true, 
    placement: 'right', 
    content: 'hello world' 
}); 

Quando il mouse sopra l'elemento, non accade nulla .. Nessun errori JavaScript o qualcosa, non è sicuro che cosa è sbagliato

Answer 1

Utilizzando il codice esatto, tutto ciò che dovevo fare per farlo funzionare era racchiuderlo in una chiamata di funzione e mettere lo script sotto il tag div. Se hai posizionato il tuo jQuery in una funzione onload, funzionerebbe altrettanto bene. In bocca al lupo.

Utilizzare questa:

<div id="disclaimer" >After 30 Days you'll have the option to keep your account for $15 per month -no contract required-or revert to a single page free account.*</div> 

<script> 
$(function() 
{ 
    $('#disclaimer').popover(
    { 
    trigger: 'hover', 
    html: true, 
    placement: 'right', 
    content: 'hello world' 
    }); 
}); 
</script> 

O

$(document).ready(function() 
{ 
    $('#disclaimer').popover(
    { 
    trigger: 'hover', 
    html: true, 
    placement: 'right', 
    content: 'hello world' 
    }); 
}); 

Answer 2

avevo cercato per più di un giorno sul motivo per cui il mio popover non funzionava dopo essersi autodisabled a causa di eventi che accadono sulla mia pagina (un'app complicata, qualcosa che viene abilitata/disabilitata a seconda dello stato di ciò che sta succedendo) e la chiave era NON avere il documento pronto ma averlo fuori in una funzione perché viene abilitato dopo l'inizializzazione del documento su un clic del pulsante .