2013-01-16 25 views
53

कूदने के लिए बटन का कारण बनता है जब मैं एक बटन पर होवर करता हूं और टूलटिप प्रकट होता है, बटन कूदते हैं। अगर मैं टूलटिप को अक्षम करता हूं, तो यह कूद नहीं जाता है। इसके अतिरिक्त, दायां बटन गोलाकार किनारों को खो देता है। मेरे द्वारा इसे होने से कैसे रोका जा सकता है?बूटस्ट्रैप टूलटिप

<div class="btn-group"> 
    <a rel="tooltip" class="btn" href="#" data-title="View Details"><i class="icon-list-alt"></i></a> 
    <a rel="tooltip" class="btn" href="#" data-title="Delete"><i class="icon-trash"> </i></a> 
</div> 

जावास्क्रिप्ट:

$('[rel=tooltip]').tooltip(); 

कार्य संस्करण ...

http://jsfiddle.net/BA4zM/147/

यहाँ एक वेबसाइट यह कूद के बिना काम किया है ...

http://wrapbootstrap.com/preview/WB005S479

+1

आप इस एक के साथ अकेले नहीं हैं। क्या आपने हल खोज लिया? धन्यवाद? –

+1

यह बूटस्ट्रैप-tooltip.js फ़ाइल के संस्करण 2.3.0 में तय किया गया है। आप इसे यहां देख सकते हैं: http://jsfiddle.net/BA4zM/149/ –

+0

@bmorehokie अब दोनों में से कोई भी काम नहीं करता है .... –

उत्तर

139

कूदने से बचने के लिए, आपको कंटेनर विशेषता सेट करने की आवश्यकता है। यह दस्तावेज है।

टूलटिप्स और R आर का उपयोग करते समय बूटस्ट्रैप इनपुट समूहों, आप अवांछित दुष्प्रभावों से बचने के लिए कंटेनर विकल्प सेट करना होगा साथ।

निम्नलिखित का प्रयास करें:

$('[rel=tooltip]').tooltip({container: 'body'}); 
+13

यदि आपको उस मामले के लिए 'चयनकर्ता' का उपयोग करने की आवश्यकता है जहां टूलटिप्स के साथ नए तत्व हो सकते हैं फ्लाई पर पृष्ठ में जोड़ा जाए, फिर, आपको डेटा विशेषता के माध्यम से 'कंटेनर' सेट करने की आवश्यकता होगी। 'डेटा कंटेनर =" बॉडी "' – steakchaser

+0

हाय @ होउडी! समाधान के लिए thanx, लेकिन, मैं अभी भी उत्सुक हूँ, टूलटिप के दौरान, बीटीएन समूह पर वास्तव में क्या होता है? –

+1

@ दीपककडाव, ऐसा लगता है, टूलटिप कंटेनर को निकटतम वंशज तत्व में डाला जाता है, डिफ़ॉल्ट रूप से, कंटेनर की यह सामग्री बटन और बटन समूहों के लेआउट को प्रभावित करती है। स्पष्ट रूप से 'बॉडी' कंटेनर निर्दिष्ट करना समस्या को हल करता है। – Farside