2013-06-22 20 views
12

बूटस्ट्रैप प्रलेखन पृष्ठ में, टूलटिप के हस्ताक्षर है?बूटस्ट्रैप टूलटिप डेटा-टॉगल

मुझे पता है कि यह टैब के लिए उपयोगी है लेकिन मुझे नहीं लगता कि यह टूलटिप्स में क्या उपयोगीता ला सकता है। यह मानते हुए कि "" टैग "लिंक" के एक वर्ग है

$(document).ready(function(){ 
    $(".link").tooltip(); 
}); 

:


क्रिस,

टूलटिप में के रूप में स्पष्ट रूप से प्रारंभ हो गया है। टूलटिप सही ढंग से कार्य करने के लिए "डेटा-टॉगल" विशेषता अनिवार्य नहीं है। लेकिन आपने बताया कि बूटस्ट्रैप जावास्क्रिप्ट फ़ाइल के लिए यह पहचानने के लिए है कि कुछ टूलटिप है या नहीं। तो ऐसा लगता है कि "डेटा-टॉगल" को छोड़कर अभी भी टूलटिप काम नहीं करता है (जब तक स्पष्ट प्रारंभिकरण होता है)। क्या आप आगे समझा सकते हैं?

# संपादित करें 2:

कुछ GitHub मुद्दे पृष्ठों को पढ़ने के बाद, मुझे लगता है कि मैं निम्नलिखित निष्कर्ष पर आ गए हैं (जो मेरे सबसे अच्छे अनुमान है)।

मूल रूप से, बूटस्ट्रैप के पुराने संस्करणों में, टूलटिप हस्ताक्षर किया गया था:

<a href="#" rel="tooltip" title="first tooltip">hover over me</a> 
... 
<a href="#" rel="tooltip" title="first tooltip">hover over me again!</a> 

और डेवलपर्स कर सकता है:

$(document).ready(function(){ 
    $('[rel="tooltip"]').tooltip(); 
}); 

एक ही बार में सभी टूलटिप्स सक्रिय करने के लिए (के बाद से प्रत्येक टूलटिप की आवश्यकता है एक काम करने के लिए प्रारंभिकरण)। दूसरे शब्दों में, यह सभी टूलटिप्स की पहचान करने का एक सुविधाजनक तरीका था ताकि आप उन सभी को सक्रिय करने के लिए jQuery का उपयोग कर सकें।

लेकिन rel = "टूलटिप" एचटीएमएल 5 के खिलाफ मान्य नहीं था, इसलिए लोगों ने डेटा-टॉगल = "टूलटिप" का उपयोग करने का सुझाव देना शुरू किया क्योंकि बूटस्ट्रैप पहले से ही अन्य घटकों और डेटा के लिए डेटा-टॉगल का उपयोग करता है- * एचटीएमएल 5 में मान्य है।

इस प्रकार, मेरा अनुमान है कि सभी टूलटिप्स पहचानने के लिए सुविधाजनक तरीका प्रदान करने के अलावा डेटा-टॉगल = "टूलटिप" के लिए कोई विशेष अर्थपूर्ण अर्थ या उद्देश्य नहीं है।

ध्यान दें कि आप आईडी या कक्षा का उपयोग करके टूलटिप्स की पहचान भी कर सकते हैं, लेकिन सभी टूलटिप्स को एक बार (अशिष्ट सवाल) क्यों सक्रिय नहीं करते?

+0

प्लैटिपस, अगर आप का जवाब के साथ आए हैं अपना खुद का प्रश्न, कृपया इसे प्रश्न में जोड़ने के बजाय इसे एक नए उत्तर (पृष्ठ के निचले हिस्से में फॉर्म) के रूप में जोड़ें। – Lemmings19

उत्तर

13

कुछ गिटहब मुद्दे पृष्ठों को पढ़ने के बाद, मुझे लगता है कि मैं निम्नलिखित निष्कर्ष पर आया हूं (जो मेरा सबसे अच्छा अनुमान है)।

मूल रूप से, बूटस्ट्रैप के पुराने संस्करणों में, टूलटिप हस्ताक्षर किया गया था:

<a href="#" rel="tooltip" title="first tooltip">hover over me</a> 
... 
<a href="#" rel="tooltip" title="first tooltip">hover over me again!</a> 

और डेवलपर्स कर सकता है:

$(document).ready(function(){ 
    $('[rel="tooltip"]').tooltip(); 
}); 

ही बार में सभी टूलटिप्स सक्रिय करने के लिए (के बाद से प्रत्येक टूलटिप के लिए एक प्रारंभ की आवश्यकता है काम)। दूसरे शब्दों में, यह सभी टूलटिप्स की पहचान करने का एक सुविधाजनक तरीका था ताकि आप उन सभी को सक्रिय करने के लिए jQuery का उपयोग कर सकें।

लेकिन rel = "टूलटिप" एचटीएमएल 5 के खिलाफ मान्य नहीं था, इसलिए लोगों ने डेटा-टॉगल = "टूलटिप" का उपयोग करने का सुझाव देना शुरू किया क्योंकि बूटस्ट्रैप पहले से ही अन्य घटकों और डेटा के लिए डेटा-टॉगल का उपयोग करता है- * एचटीएमएल 5 में मान्य है।

इस प्रकार, मेरा अनुमान है कि सभी टूलटिप्स पहचानने के लिए सुविधाजनक तरीका प्रदान करने के अलावा डेटा-टॉगल = "टूलटिप" के लिए कोई विशेष अर्थपूर्ण अर्थ या उद्देश्य नहीं है।

ध्यान दें कि आप आईडी या कक्षा का उपयोग करके टूलटिप्स की पहचान भी कर सकते हैं, लेकिन सभी टूलटिप्स को एक बार (अशिष्ट प्रश्न) क्यों सक्रिय नहीं करते?

1

उन्होंने data-toggle का उपयोग अपनी जावास्क्रिप्ट में एक संकेतक के रूप में किया है जब कुछ टूलटिप होता है। जब टूलटिप्स जेएस फ़ाइल data-toggle="tooltip" विशेषता को देखती है, तो यह किक और चलाने के लिए जानता है।

कक्षा (<a href="#" class="tooltip" title="first tooltip">hover over me</a>) का उपयोग करने के लिए एक और आम दृष्टिकोण हो सकता है, लेकिन वे data-* विशेषता के बजाय गए हैं। क्या वही काम, काम करता है, और philisophically, data-* विशेषताओं जावास्क्रिप्ट हेरफेर के लिए डिजाइन किए गए थे, तो मुझे लगता है कि इसे कक्षा मुक्त रखने के लिए अच्छा है।

+0

आप जानते हैं, गिटहब पर लिपि को देखते हुए, मुझे नुकसान हुआ है। मुझे कोड में कहीं भी संदर्भित नहीं दिख रहा है। तो हाँ ... –

+0

सर्वश्रेष्ठ संदर्भ मुझे मिल सकता है: https://github.com/twitter/bootstrap/pull/3031 – platypus

+0

मुझे लगता है कि मेरे पास एक स्पष्टीकरण है। ऊपर दूसरा संपादन देखें। – platypus

5

मैं इस का उपयोग करें:

<script> 
    $('[title]').tooltip(); 
</script> 

यह सभी तत्वों को जहां विशेषता शीर्षक परिभाषित किया गया है का चयन करता है, और बूटस्ट्रैप एक साथ डिफ़ॉल्ट टूलटिप व्यवहार को बदल देता है ..

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