2013-04-10 13 views
17

che voglio usare il popover Bootstrap, ma continuo a ricevere questo errore in Firebug:.

TypeError: $(...).popover is not a function 

Questo è come mi carico tutto :

<a id="example" class="btn btn-success" data-original-title="Twitter Bootstrap Popover" data-content="It's so simple to create a tooltop for my website!" rel="popover" href="#">abc</a> 


    <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script> 
    <script src="js/bootstrap.js"></script> 
    <script src="js/jquery-1.9.0.js"></script> 

    <script> 
    setTimeout(function(){ $("#example").popover("show");},4000); 
    </script>'; 
+9

jQuery deve venire prima dello script di supporto Bootstrap. – Interrobang

+1

Stesso problema, anche con jquery prima –

+1

Tutti i file JavaScript sono caricati correttamente? – epascarello

risposta

-6
<a id="example" class="btn btn-success" data-original-title="Twitter Bootstrap Popover" data-content="It's so simple to create a tooltop for my website!" rel="popover" href="#">abc</a> 
    <script> 
    setTimeout(function(){ $("#example").popover("show");},4000); 
    </script> 
    <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script> 
    <script src="js/bootstrap.js"></script> 
    <script src="js/jquery-1.9.0.js"></script> 
+0

Questo ha reso un errore diverso! Usare $ prima che jQuery sia usato. – epascarello

+0

è necessaria la dichiarazione jquery ready $ (function() { // codice va qui .. per assicurarsi che html sia caricato }): – master

+0

Che non ha funzionato per me. – Sid

18

Questo è ciò che ha funzionato per me, ho cambiato l'ordine delle librerie jQuery e bootsrap. Inoltre, sto usando le librerie da un CDN. Questo non dovrebbe fare alcuna differenza.

<a id="example" class="btn btn-success" data-original-title="Twitter Bootstrap Popover" data-content="It's so simple to create a tooltop for my website!" rel="popover" 

href="#">abc</a> 


    <script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script> 
    <script src="http:////cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
    <script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script> 


    <script> 
    setTimeout(function(){ $("#example").popover("show");},4000); 
    </script> 
+4

eh !!! Cambiando l'ordine ha funzionato. Grazie – curiousBoy

+0

Sei il benvenuto !! – Sid

+0

Se usiamo plugin separati per il bootstrap dovremmo essere in ordine. Altrimenti si creano conflitti. O dovrebbe usare minified o bootstrap all.js – KannanHudson

Problemi correlati