2011-12-10 13 views
23

मैं यहाँ क्या गलत कर रहा हूं?ट्विटर बूटस्ट्रैप पॉप-ओवर लोड नहीं हो रहा है

मैं एक बड़ी परियोजना में इसे करने की कोशिश और मिल सके यह काम करने के लिए या तो

मेरी jsfiddle देख

http://jsfiddle.net/keithmancuso/24RQM/

अद्यतन: ठीक तो मैं अगर मैं स्वयं $ जोड़ने के काम कर मिल गया (".pop") पॉपओवर()।; लेकिन क्या मुझे उन्हें इस तरह इंटिलाइज करना है?

मैं इस बस को जोड़ने है लगता है जवाब है हां ... आप इसे काम करने के लिए प्राप्त करने के लिए अपने खुद के कोड में उन्हें प्रारंभ ... सबसे आसान तरीका है मुझे क्या करना पाया है की क्या ज़रूरत है

$(function() { 
    $('a[rel="popover"]').popover(); 
}); 
+2

अरे कीथ, अपने जब मैंने इसे देखा तो jsfiddle खाली था। शायद इसे या तो कोड जोड़ना चाहिए, या बस इसे हटा दें। –

+2

जहां तक ​​मुझे पता है कि आपको वास्तव में पॉपओवर को प्रारंभ करने की आवश्यकता है। बूटस्ट्रैप स्वचालित रूप से ऐसा करने के लिए पूरे डोम (बहुत धीमी) को स्कैन नहीं करना चाहता है। (बूटस्ट्रैप साइट से उद्धरण: "प्रदर्शन कारणों से, टूलटिप और पॉपओवर डेटा-एपीआई ऑप्ट इन हैं। यदि आप उनका उपयोग करना चाहते हैं तो बस चयनकर्ता विकल्प निर्दिष्ट करें।") – ahmeij

उत्तर

23

मुझे एक ही समस्या थी। बूटस्ट्रैप पॉपअप का जावास्क्रिप्ट-कम संस्करण ढूंढ रहा था लेकिन यह संभव प्रतीत नहीं होता है।

उसके बारे में यहां सरलीकृत संस्करण है कि मुझे

<a href="#" class="btn danger" 
      rel="popover" 
      data-original-title="title" 
      data-content="content">popover</a> 
<script> 
    $("a[rel=popover]").popover(); 
</script> 

संपादित करें के लिए काम करता है:: हाल के लिए आप http://twitter.github.com/bootstrap/javascript.html#popover लाइन 709-718 पर की पृष्ठ स्रोत को देखें, तो आपको लगता है कि उदाहरण कुछ ऐसा ही देखेंगे ट्विटर बूस्टर के संस्करण (अभी 2.2.1) आप एक समस्या में भाग सकते हैं जहां आप पॉपओवर लिंक पर क्लिक करते हैं, तो आपको पृष्ठ के शीर्ष पर ले जाया जाता है। यह उत्तर भी फायदेमंद हो सकता है https://stackoverflow.com/a/13759775/341692। मूल रूप से अपने js अब होना चाहिए

<script> 
$("a[rel=popover]") 
    .popover() 
    .click(function(e) { 
     e.preventDefault(); 
    });​ 
</script> 
+0

वह सही है कि आपको इसे ऊपर की तरह कॉल करने की आवश्यकता है/जेएस। अजीब कारण की तरह अन्य सभी मैं सिर्फ उचित मार्कअप का उपयोग कर कॉल कर सकता हूं। – mdgrech

+0

बहुत धन्यवाद। एक जादू की तरह काम किया। –

0

इसके लायक होने के लिए, मैंने बूटस्ट्रैप tabs() फ़ंक्शन के साथ चयनकर्ताओं का उपयोग करने के तरीके के बारे में एक समान प्रश्न here का उत्तर दिया। मैं शर्त popover() समान है।

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