2013-04-10 18 views
17

है मैं बूटस्ट्रैप पॉपओवर उपयोग करना चाहते हैं, लेकिन मैं फ़ायरबग में यह त्रुटि मिलती रहती:।

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

यह कैसे मैं यह सब लोड है :

<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 को बूटस्ट्रैप समर्थन स्क्रिप्ट से पहले आना है। – Interrobang

+1

वही समस्या, यहां तक ​​कि jquery पहले –

+1

के साथ भी सभी जावास्क्रिप्ट फ़ाइलों को सही ढंग से लोड किया गया है? – epascarello

उत्तर

-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

यह सिर्फ एक अलग त्रुटि बना दिया! JQuery का उपयोग करने से पहले $ का उपयोग करना है। – epascarello

+0

आपको jquery तैयार कथन $ (फ़ंक्शन() { // कोड यहां जाता है .. यह सुनिश्चित करने के लिए कि HTML लोड हो गया है }): – master

+0

यह मेरे लिए काम नहीं करता है। – Sid

18

यह वही मेरे लिए काम किया, मैं jQuery और bootsrap पुस्तकालयों का क्रम बदल गया है। इसके अलावा, मैं एक सीडीएन से पुस्तकालयों का उपयोग कर रहा हूँ। इससे कोई फर्क नहीं पड़ता है।

<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

हुह !!! आदेश बदलना काम किया। धन्यवाद – curiousBoy

+0

आपका स्वागत है !! – Sid

+0

यदि हम अलग बूटस्ट्रैप प्लगइन का उपयोग क्रम में होना चाहिए। अन्यथा यह संघर्ष मिलता है। या तो minified या bootstrap all.js – KannanHudson

संबंधित मुद्दे