के बजाय क्लिक पर हम माउसओवर पर कुछ प्रदर्शित करने के लिए 'शीर्षक' विशेषताओं का उपयोग कर रहे थे। हम इसे एक क्लिक पर प्रदर्शित करना चाहते हैं। मैं एक फ़्लोटिंग बॉक्स कैसे प्राप्त कर सकता हूं जो शीर्षक/टूलटिप की तरह दिखता है, लेकिन होवर से बंधे होने की बजाय मांग पर दिखाया जा सकता है और छुपाया जा सकता है?jquery टूलटिप, लेकिन होवर
आप इसे handcoding की तरह महसूस करते हैं, तो यह काम करना चाहिए:
एचटीएमएल:
<div id="tooltip" style="display:none;">bla bla</div>
<div id="yourLink">Click here to show the tooltip!</div>
और जे एस:
$('#yourLink').click(function(){
$('#tooltip').toggle();
});
तुम सिर्फ सही ढंग से टूलटिप शैली की जरूरत है div
वहाँ भी अच्छे टूलटिप प्लगइन्स हैं। iftrue ने एक का उल्लेख किया है, this one
आप इस पुस्तकालय की कोशिश करना चाहते हो सकता है:
http://craigsworks.com/projects/qtip/
और फिर बस एक .click ईवेंट हैंडलर पर .qtip कहते हैं।
$('#myInput').click(function(){/*insert qtip code here*/});
नोट: यदि आप चुनते हैं तो आप क्यूटीप टूलटिप्स में उस सामग्री का उपयोग करने के लिए गतिशील रूप से शीर्षक विशेषता को पकड़ सकते हैं।
iftrue के उत्तर में जोड़ना चाहते हैं कि आप माउसेंटर ईवेंट में शीर्षक विशेषता को पकड़ (और हटाएं) और माउसलेव में वापस रखें। ब्राउज़र को होवर दिखाने से रोकने के लिए, लेकिन फिर भी टेक्स्ट को स्टोर करने के लिए विशेषता का उपयोग करना।
मैं यह काम नहीं कर सका, qtip टूलटिप को जारी रखने की अपेक्षा करता है और शो को स्वयं/छुपाना चाहता है। मुझे कोड में दिखाने/छिपाने में सक्षम होना चाहिए। –
क्लिक पर qtip को कॉल करने का कोई उपयोग नहीं है qtip शोओवर को माउसओवर पर खुद को छुपा रहा है, मुझे नहीं पता कि हम इसे – pahnin
पर कॉन्फ़िगर नहीं कर सकते हैं क्षमा करें मैं गलत था – pahnin