Bootstrap 3 Tooltips o Popovers non funziona

Ho un'applicazione Django con il front-end progettato in Twitter Bootstrap 3. Tutti i miei stili e JS funzionano bene, compresi i modali, ecc ... Ma non posso la vita di me ottiene i tooltips dei popover per fare qualsiasi cosa ....Bootstrap 3 Tooltips o Popovers non funziona

Non sto lanciando alcun errore in Firebug.

Ecco l'ordine della mia include:

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
<script src="{{ STATIC_URL }}js/bootstrap.min.js"></script>

Qui è la mia una chiamata esempio per il tooltip ho preso direttamente dal sito di bootstrap:

<a href="#" data-toggle="tooltip" title="first tooltip">Hover over me</a>

Qualcun altro ha problemi con il 2 elementi?

Sono abbastanza certo che sia qualcosa di stupido che ho fatto.

Tutti gli altri JS colpisce fornito in Bootstrap 3 come le modali & schede stanno lavorando bene ...

fonte

2013-08-23 xXPhenom22Xx

Non dovresti avere un attributo 'data-title', invece di' title'? – knownasilya

Copiato l'esempio direttamente dal sito di bootstrap. Passato al titolo dei dati, ma ancora nulla accade ... Come nota a margine ho anche rimosso tutti gli altri JS nel caso ci fosse una sorta di strano conflitto, ma non è stato di alcun aiuto. – xXPhenom22Xx

Sembra un bug da qualche parte: http://jsfiddle.net/knownasilya/LhzwF/1/ Vedi anche il mio commento sulla risposta @steakchasers. – knownasilya

Hai solo bisogno di attivare il tooltip tramite javascript:

$('some id or class that you add to the above a tag').tooltip()

fonte

2013-08-23 20:14:28 steakchaser

Grazie, sapevo che era stupido ... =) – xXPhenom22Xx

Non dovresti farlo, dato che l'api di dati è la loro api di prima classe, e quella di javascript è secondaria. Vedi [qui] (http://getbootstrap.com/javascript/#js-data-attrs). – knownasilya

Quando ho aggiunto il pezzo di JS ha iniziato a funzionare, ho anche pensato che non sarebbe stato necessario ma che sicuramente non sembra essere il caso? – xXPhenom22Xx

descrizioni comandi deve essere inizializzato con jQuery :

<a href="#" data-toggle="tooltip" title="Hooray!">Hover over me</a> 

<script> 
$(document).ready(function(){ 
    $('[data-toggle="tooltip"]').tooltip(); 
}); 
</script>

Scegli questa link

fonte

2016-06-06 15:31:13 gras

Bootstrap 3 Tooltips o Popovers non funziona

risposta

Problemi correlati