बूटस्ट्रैप: संकुचित करें और टूलटिप एक साथ

Question

मैं जानना चाहता हूं कि एक पतन एंकर टैग पर टूलटिप होना संभव है या नहीं। कोड जो पतन के लिए उपयोग है:

<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">Data</a> 

यह ठीक काम करता है लेकिन अब मैं इसे करने के लिए एक टूलटिप जोड़ना चाहते हैं। तो मैंने कोड को बदल दिया:

<a data-toggle="collapse tooltip" title ="Tooltip Message" data-parent="#accordion" href="#collapseOne">Data</a> 

अब यह टूलटिप दिखाता है लेकिन पतन समारोह काम नहीं करता है। मुझे क्या परिवर्तन करना है ताकि दोनों कार्यक्षमताएं काम कर सकें। मैं एंकर टैग के पाठ पता वास्तव में संदेश मैं टूलटिप संदेश के रूप में उपयोग करना चाहते हैं दिखा सकते हैं लेकिन सिर्फ अगर यह संभव है दोनों कार्यक्षमता एक साथ

Answer 1

Bootstrap Javascript overview page से है करने के लिए जानना चाहता हूँ:

घटक डेटा विशेषताओं

एक ही तत्व पर एकाधिक प्लगइन से डेटा विशेषताओं का उपयोग न करें। उदाहरण के लिए, एक बटन दोनों में टूलटिप नहीं हो सकता है और एक मोडल टॉगल नहीं किया जा सकता है। इसे पूरा करने के लिए, एक रैपिंग तत्व का उपयोग करें।

इस प्रयास करें:

<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> 
    <span data-toggle="tooltip" title="Tooltip Message">Data<span> 
</a> 

Answer 2

एक अन्य समाधान टूलटिप के लिए ट्रिगर को बदलने के लिए है। डिफ़ॉल्ट ट्रिगर है:

$(function() { 
    $('[data-toggle="tooltip"]').tooltip() 
}) 

कौन इस तरह से काम करेगा:

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button> 

लेकिन आप को बदल सकते हैं:

$(function() { 
    $('[data-tooltip="true"]').tooltip() 
}) 

कौन इस तरह से काम करेगा:

<button type="button" class="btn btn-default" data-tooltip="true" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button>