जावास्क्रिप्ट सक्रिय ट्विटर बूटस्ट्रैप टूलटिप्स

Question

मैं ट्विटर बूटस्ट्रैप के Tooltips के साथ खेल रहा हूं, लेकिन समस्याएं हैं क्योंकि वे Twipsy से दूर चले गए हैं। Correect जावास्क्रिप्ट पृष्ठ में शामिल है।

<p><a href="#" rel="tooltip" data-original-title="hello">hover on me</a></p> 

सटीक जावास्क्रिप्ट मैं टूलटिप प्रदर्शित करने के लिए उपयोग करने की आवश्यकता क्या है:

चलो कहते हैं कि मैं निम्नलिखित है?

अग्रिम धन्यवाद!

• वैनेसा

Answer 1

अपने उदाहरण के लिए यह सिर्फ होगा:

$('a').tooltip(); 

लेकिन दस्तावेज़ के अनुसार, आप title विशेषता, नहीं data-original-title उपयोग करना चाहिए। वह विशेषता बूटस्ट्रैप के टूलटिप कोड द्वारा जोड़ा जाता है। इसके अलावा rel="tooltip" की कोई आवश्यकता नहीं है।

आपका कोड होना चाहिए:

HTML:

<a href="#" title="hello">hover on me</a> 

जे एस:

$("a").tooltip(); // this will trigger a tooltip on all <a> elements 

Answer 2

आप स्पष्ट रूप से सभी तत्वों है कि टूलटिप के लिए के लिए .tooltip() चलाने की जरूरत है। इसकी भी उनके प्रलेखन में वर्णित

<span rel="tooltip" title="tooltip text">some text</span> 
... 
<script src="/js/jquery.js"></script> 
<script src="/js/bootstrap.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
    $("[rel=tooltip]").tooltip(); 
    }); 
</script> 

Answer 3

बूटस्ट्रैप में, हम स्वयं टूल टिप्स

प्रारंभ करने की आवश्यकता: उदाहरण के लिए, इस काम करेंगे।

<script type="text/javascript"> 
$(function() { 
    $("[data-toggle='tooltip']").tooltip(); 
});</script> 

Answer 4

आप

<script src="bootstrap-tooltip.js "></script> 
    <script> 
    $(function(){ 
$('a').tooltip(); 
});