पृष्ठ के शीर्ष पर एक पॉपओवर स्क्रॉल पर क्लिक करना [बूटस्ट्रैप और Django]

Question

मैं Django के साथ बूटस्ट्रैप का उपयोग कर रहा हूं और अब तक सबकुछ काम करता है। हालांकि, मैं पॉपओवर कार्यक्षमता का उपयोग करने की कोशिश कर रहा हूं, और मैं एक समस्या में चल रहा हूं। जब भी मेरा पॉपओवर क्लिक करता है, पृष्ठ शीर्ष पर वापस स्क्रॉल करता है ... लेकिन पॉपओवर दिखाई देता है। यहां मेरा कोड है:

//////////<..... a lot more HTML ....>////////// 
<div class="bs-docs-example"> 
<a href="#" class="btn btn-large btn-danger" rel="popover" title="A Title" id="testpop" data-content="And here's some amazing content. It's very engaging. right?">Click to toggle popover</a> 
</div> 
{% endblock %} 


{% block js %} 
{{ block.super }} 

{% bootstrap_javascript_tag "modal" %} 
{% bootstrap_javascript_tag "alert" %} 
{% bootstrap_javascript_tag "tooltip" %} 
{% bootstrap_javascript_tag "popover" %} 

<script type="text/javascript"> 
$("#testpop").popover(); 
</script> 

बहुत बहुत धन्यवाद!

Answer 1

आप एंकर तत्व के डिफ़ॉल्ट कार्रवाई रोकने के द्वारा कि हल कर सकते हैं: पॉपओवर भीतर autofocus=on साथ एक तत्व होने से

$('a#testpop').on('click', function(e) {e.preventDefault(); return true;}); 

Answer 2

यह भी कारण हो सकता है (क्रोम में परीक्षण)

Answer 3

आप कर सकते हैं एंकर टैग में href = "जावास्क्रिप्ट: //" जोड़ें।

Answer 4

href = "#" टैग हटाएं, इसे काम करना चाहिए।

Answer 5

मैं बूटस्ट्रैप 2.3.2

बिंदु उपयोग कर रहा हूँ पर क्लिक के बारे में नहीं है। यहां तक ​​कि अगर मैं प्रोग्राम पॉप शो को प्रोग्रामेटिक रूप से कॉल करता हूं, तो यह मुझे शीर्ष तक स्क्रॉल करता है।

बिंदु बूटस्ट्रैप टूलटिप शो फ़ंक्शन पर है।

$tip.detach().css({ top: 0, left: 0, display: 'block' })

यह जब टिप अलग करने सिर्फ अपनी ऊंचाई और चौड़ाई प्राप्त करने के लिए प्रदर्शन ब्लॉक लागू होता है: वहाँ वहाँ एक पंक्ति है। यह एक आध्यात्मिक सवाल है! अदृश्य तत्वों की ऊंचाई नहीं है !! इसे ठीक करने के मैं उस लाइन टिप्पणी की है और कहा:

$tip.show(); 

बस लाइन जहां यह एक स्थिति हो जाता है के बाद:

pos = this.getPosition() 

यह मेरे लिए काम किया।

Answer 6

मुझे बूटस्ट्रैप v3.3.2 के साथ एक ही समस्या का सामना करना पड़ा और एंकर टैग के बजाय बटन का उपयोग करके इसे हल किया गया।

मैं फिर Bootstrap docs पर वापस गया और पाया कि सभी पॉपओवर उदाहरणों में से एक बटन का उपयोग करते हैं - और आश्चर्यचकित आश्चर्य - जो एंकर का उपयोग करता है वह href विशेषता को छोड़ देता है!

Answer 7

आप data-target="#..."