2012-07-19 13 views
5

मैं टूलटिप्स को लागू करने के लिए ट्विटर के बूटस्ट्रैप का उपयोग कर रहा हूं। वर्तमान में, टूलटिप्स लिंक के ऊपर दिखाई देते हैं। मैं टूलटिप को लिंक के नीचे दिखाना चाहता हूं। मैं ऐसा कैसे कर पाऊंगा?ट्विटर बूटस्ट्रैप के टूलटिप्स को कैसे फ़्लिप करें

मैं टूलटिप ट्रिगर कर रहा हूँ और यह स्पष्ट रूप से कहा गया है "नीचे" लेकिन यह मेरे लिए काम नहीं करना चाहता है ...

<script>$('#home').tooltip('hide bottom')</script> 
+0

क्या आप कुछ प्रकार का कोड दिखा सकते हैं? –

उत्तर

10
$('#tooltip').tooltip({ 
    placement : 'left', 
    title : 'first tooltip' 
}); 

<script> टैग, या एक अलग जावास्क्रिप्ट फ़ाइल में इसका उपयोग करें।

+0

यह मेरे लिए काम करना प्रतीत होता है! बहुत बहुत धन्यवाद, मैं मदद की सराहना करता हूं। – Jonathan

3

आप नवीनतम बूटस्ट्रैप का उपयोग कर रहे मान लिया जाये कि आप की नियुक्ति का प्रयोग करेंगे "तल"। जब आप टूलटिप बनाते हैं तो आप विकल्पों के माध्यम से ऐसा कर सकते हैं: $("#tt").tooltip({placement: "bottom"}); या तत्व पर डेटा विशेषता के माध्यम से: <span data-placement="bottom" ...>tooltip!</span> मेरा मानना ​​है।

आप Bootstrap tooltip अनुभाग में टूलटिप पर अधिक जानकारी प्राप्त कर सकते हैं।

3

बूटस्ट्रैप वेबसाइट पर वे टूलटिप्स के लिए विकल्प दिखाते हैं। विकल्पों में से एक placement है जिसे ऊपर, नीचे, दाएं या बाएं सेट किया जा सकता है।

इसलिए जब आप जोड़ने के अपने टूलटिप के लिए स्क्रिप्ट इस

$('#example').tooltip({placement: "bottom"}) 
+0

इसलिए मैंने आपके इनपुट के आधार पर कोड को संशोधित किया, लेकिन टूलटिप्स अभी भी लिंक के ऊपर दिखाई दे रहे हैं। यह मैं वर्तमान में क्या है: Jonathan

+0

आप की जरूरत '" 'नीचे चारों ओर और'}। 'के अंत में नीचे नहीं '] 'सबकुछ अच्छा दिखता है –

+0

असल में मुझे आपके लिए' ' –

1

बूटस्ट्रैप टूलटिप तरह विक्रय विकल्प एक "प्लेसमेंट" का विकल्प है। आप इसे करने के लिए "नीचे" इस तरह सेट कर सकते हैं:

$('#home').tooltip({ 
    placement : "bottom" 
}); 

संदर्भ (v.2.3.3) या (v.3) के लिए अपनी आधिकारिक वेबसाइट देखें।

+0

मुझे नहीं लगता कि आपको नियुक्ति –

+0

के आसपास उद्धरण की आवश्यकता है। आपको यह मान्य नहीं है कि यह वैध चर नाम है (इस मामले में)। – 322896

+0

लिंक अब और काम नहीं करता है (यह मानते हुए कि साइट बस नीचे नहीं है) – Hoppe

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