ट्विटर बूटस्ट्रैप टूलटिप को ओवरराइट कैसे करें?

Question

मैं पृष्ठ पर आइटम जानकारी दिखाने के लिए ट्विटर बूटस्ट्रैप पैकेज से टूलटिप्स का उपयोग कर रहा हूं। कभी-कभी जानकारी बदल जाती है, और टूलटिप में अपडेट होने की आवश्यकता होती है। मैंने टूलटाइप को नए शीर्षक के साथ पुनः आरंभ करने की कोशिश की:

$('#selector').tooltip({ title: 'new text'}); 

हालांकि टूलटिप का शीर्षक नए टेक्स्ट के साथ नहीं बदला जाता है। यह वही रहता है जैसा इसे प्रारंभ में सेट किया गया था। कोई विचार क्यों, और क्या कोई काम आसपास है? धन्यवाद!

Answer 1

अद्यतन: के रूप में @ निगेल-एंजल ने बताया, v3 का उपयोग करता data('bs.tooltip')

---

आप टूलटिप वस्तु ओवरराइड नहीं कर सकते एक बार आप एक तत्व पर प्रारंभ कर दिया है TWBS। लेकिन आप इसे हटा सकते हैं और इसे फिर से कर सकते हैं।

हटाने का प्रयास करें और फिर अपने सभी विकल्पों के साथ टूलटिप को फिर से शुरू करें (यदि आपके पास कोई था)।

$('#selector').data('tooltip',false)   // Delete the tooltip 
       .tooltip({ title: 'new text'}); 

श्रोताओं को हटाने की आवश्यकता हो सकती है, लेकिन यह ऐसा काम करता है।

Answer 2

किसी कारण से, यह मेरे लिए काम नहीं करता (बूटस्ट्रैप 2.1.1)। मुझे क्या करना था:

$('#element').tooltip('destroy'); 
    $("#element").tooltip({'placement':'right', 'title':'larger larger text title'}); 
    $("#element").tooltip('show'); 

Answer 3

इस तकनीक को मेरे लिए काम नहीं किया तो मैं एक जवाब, टिप्पणी of a similar question में से एक में छिपा हुआ पाया।

स्पष्ट तरीका lukmdo

Answer 4

को टूलटिप

$(element).attr('title', 'NEW_TITLE').tooltip('fixTitle').tooltip('show');

धन्यवाद का प्रदर्शन पाठ अद्यतन करने के लिए @Sherbrow आप सरल उपयोग नहीं one.Need इस जटिल समाधान जाना कर सकते हैं। यहां नमूना कोड है।

$('#spanUsername').prop('title', newValue);  

Answer 5

मैं बूटस्ट्रैप 3 का उपयोग करता हूं, और इनमें से कोई भी बग के बिना मेरे लिए काम नहीं करता है। .tooltip('destroy') के माध्यम से टूलटिप को नष्ट करना और उसी फ़ंक्शन में इसे पुन: प्रयास करना .tooltip({...}) परिणामस्वरूप टूलटिप अब काम नहीं करेगा। यह केवल तभी काम करता था जब मनोरंजन कॉल बाद में किया गया था, नष्ट होने के बाद यह काम असीमित रूप से पूरा हो गया था (इसलिए तत्काल मनोरंजन क्यों बंद कर दिया गया था)।

आंतरिक डेटा को नष्ट करने के सुझाव .data('tooltip',false) काम नहीं किया। सबसे पहले, बूटस्ट्रैप 3 के साथ, यह data('bs.tooltip, false) होगा और जब इसे कॉल किया गया था, तो टूलटिप वर्तमान में प्रदर्शित किया गया था, तो यह इसे रिसाव कर देगा और इसे स्थायी रूप से प्रदर्शित कर देगा। नया टूलटिप दोनों इसके ऊपर प्रदर्शित और छुपाएगा।

मेरे अंतिम समाधान था:

$x.tooltip('hide'); 
$x.data('bs.tooltip', false); 
$x.tooltip({ ... }) // recreate it 

ध्यान दें कि यह भी .attr('title', '...') और इसी तरह के समाधान के माध्यम से शीर्षक बदल रहा है और .tooltip('fixupTitle') बुला काम किया है - लेकिन placement विकल्प और संभावना भी अन्य विकल्प खारिज कर दिया है, और एक टूलटिप कर दिया कि मूल रूप से दाईं ओर तत्व के शीर्ष पर रखा गया था, क्योंकि यह मूल रूप से था।इस समाधान के अन्य बदलावों में देखा गया है कि इसमें ऊपर सूचीबद्ध कुछ अन्य बग भी हो सकती हैं, लेकिन मैंने और अधिक नहीं देखा।