jQuery लाइटवेट टूलटिप स्क्रिप्ट अनुशंसा

Question

मैं हल्के वजन वाले टूलटिप्स के लिए हल्के वजन वाली jQuery स्क्रिप्ट की तलाश में हूं और आसानी से छवि मानचित्रों के साथ उपयोग किया जा सकता है ... आदर्श रूप से यह स्वचालित रूप से प्रत्येक क्षेत्र टैग के 'शीर्षक' को कार्य करने के लिए ले जाएगा टूलटिप। कारण यह एक मुद्दा है कि मेरे पास सैकड़ों क्षेत्र हैं (इसका एक विश्व मानचित्र) और प्रत्येक टूलटिप के लिए कोड की एक पंक्ति जल्द ही फ़ाइल आकार में जोड़ दी जाएगी।

qTip यह कर सकता है ... लेकिन इसकी 38kb ... जो कि jQuery से भी अधिक है। कोई सिफारिशें?

Answer 1

नहीं जानते कि क्या यह तुम्हारे लिए क्या देख रहे हों लेकिन नशे की जाँच है:
http://onehackoranother.com/projects/jquery/tipsy/

9 KB
4 KB न्यूनतम किया गया

Answer 2

मैं कल्पनाशील-शीर्षक "jQuery टूलटिप" का उपयोग करता हूं: demo here। छवि मानचित्रों के साथ अच्छी तरह से काम करता है, और सीएसएस के साथ अनुकूलित करना आसान है।

(संयोग से, मैंने छवि मानचित्रों के साथ qTip की कोशिश की और Map Hilight प्लगइन के साथ संयुक्त होने पर एक अजीब बग मिला)।

Answer 3

vTip एक अच्छे उम्मीदवार (demo देखें) हो सकता है असम्पीडित। यह थोड़ा पुराना है, लेकिन यह आसान है और काम करना चाहिए।

आप बस उस पर वर्ग = "vtip" जोड़कर अपने DOM तत्व को चिह्नित करते हैं, उदा।

<a href="#" title="Tooltip content" class="vtip">Tooltip test</a> 

असम्पीडित जेएस फ़ाइल केवल 4 केबी है।

यदि आप अपने टूलटिप्स को अधिक गतिशील तरीके से संभालना चाहते हैं, तो creating your own simple tooltips पर विचार करें।

Answer 4

POWERTIP

http://stevenbenner.github.io/jquery-powertip/

POWERTIP एक बहुत लचीला डिजाइन अनुकूलित करने के लिए

• स्थिर टूलटिप्स के साथ-साथ टूलटिप होती माउस
• उपयोगकर्ताओं माउस जाने के लिए की क्षमता का पालन का समर्थन करता है आसान है कि सुविधाओं टूलटिप्स पर और उनकी सामग्री के साथ बातचीत
• माउस का पालन करें टूलटिप्स constrai हैं नेड ब्राउज़र व्यूपोर्ट
• लाइटवेट जे एस ~ 10KB, सीएसएस के लिए ~ 2KB

---

नशे

http://onehackoranother.com/projects/jquery/tipsy/

यह दूसरों के बीच, ट्विटर, Github, Slideshare और Bitbucket द्वारा प्रयोग किया जाता है।

• लाइटवेट जे एस ~ 10KB, सीएसएस ~ 2KB

Answer 5

इस प्रश्न के उत्तरों के बड़े अनुसंधान से कोई भी बाद मुझे संतुष्टि दे दी है।

मैं एक समाधान है कि है हल्के की जरूरत है, के रूप में नशे (अंतिम अद्यतन साल पहले, 63 बग फिक्सिंग पुल अनुरोध लेखक द्वारा नजरअंदाज कर दिया) और मैं के रूप में ठेठ टूलटिप हॉवर पर प्रपत्र फ़ील्ड्स के लिए संकेत के रूप में उपयोग कर सकते हैं abandonware नहीं है, लेकिन फ़ॉर्म जमा करने के बाद भी गतिशील क्षेत्र सत्यापन के लिए।

वास्तव में पहले जैसा कि पहले पावरटिप का उल्लेख किया गया है, लेकिन इसमें बड़ी समस्या है: आप केवल एक टूलटिप को एक बार में देख सकते हैं। मुझे यह अयोग्यता के लिए, मैं संसाधनों की जाँच की और इस लेखक की बुनियादी धारणा है - एक बार में केवल एक टूलटिप, सभी टूलटिप्स आदि

के लिए एक एकल डोम वस्तु एक घंटे मैं समाधान पाया खो के बाद Tooltipster

है कि वहाँ बिल्कुल वही है जो मुझे चाहिए: Tooltipster। इसे कार्यान्वित करना वास्तव में आसान है (पावरटिप के समान ही) लेकिन यह आपको एक साथ कई टूलटिप्स तैयार करने और दिखाने की अनुमति देता है। एक और फायदा यह है कि छवियों का उपयोग न करने का तथ्य है, यह केवल जेएस (~ 12 के) और सीएसएस है।

आशा है कि यह किसी के लिए कई घंटों का शोध बचाएगा।