2013-04-10 13 views
17

chcę użyć popover Bootstrap, ale wciąż otrzymuję ten błąd w Firebug.

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

ten sposób załadować wszystko :

<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 musi przyjść przed skryptem pomocy Bootstrap. – Interrobang

+1

Ten sam problem, nawet z pierwszym jquery. –

+1

Czy wszystkie pliki JavaScript są poprawnie załadowane? – epascarello

Odpowiedz

-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

To spowodowało, że był to inny błąd! Używanie $ przed użyciem jQuery. – epascarello

+0

potrzebujesz jquery ready statement $ (function() { // kod jest tutaj .. aby upewnić się, że html jest załadowany }): – master

+0

To nie działało dla mnie. – Sid

18

to co pracował dla mnie, zmieniłem kolejność bibliotek jQuery i bootsrap. Używam również bibliotek z CDN. To nie powinno mieć znaczenia.

<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

huh !!! Zmiana zamówienia zadziałała. Dzięki – curiousBoy

+0

Zapraszamy! – Sid

+0

Jeśli użyjemy oddzielnej wtyczki bootstrap, powinniśmy być w porządku. W przeciwnym razie dochodzi do konfliktów. Należy użyć minified lub bootstrap all.js – KannanHudson