jquery ui टूलटिप एक चुनिंदा विकल्प

Question

JQueryUI के माध्यम से, टूलटिप (डिफ़ॉल्ट नहीं) रखने का कोई तरीका है, विकल्प/ड्रॉपडाउन के व्यक्तिगत विकल्पों के लिए प्रदर्शित करें?

मैं एक गैर काम Sample

मैं इसे प्रदर्शित करने के लिए चयनित विकल्प के लिए पूछ नहीं कर रहा हूँ है शीर्षक है, जो नमूना में होने वाली है।

मेरी समस्या यह है कि कभी-कभी टूलटिप ब्राउज़र पर निर्भर करता है, जब मैं विकल्प पर होवर करता हूं तो ड्रॉपडाउन सूची के पीछे प्रदर्शित होता है। यह आमतौर पर फ़ायरफ़ॉक्स या आईई 10 में होता है।

या तो वह या JQueryUI टूलटिप का उपयोग नहीं करता है। Chrome को डिफ़ॉल्ट टूलटिप

नीचे का उपयोग करता है मेरी नमूना कोड यदि आप JSFiddle को देखने के लिए नहीं करना चाहती है:

$(function() { 
    $(document).tooltip({items:"select,option,.optionClass",position:{ my: "left top", at: "left bottom"} 
    }); 
}); 

Answer 1

एक विकल्प आप टूलटिप ड्रॉप डाउन के सिर्फ सही स्थिति नहीं कर सकते हैं के रूप में? मार्जिन-बाएं जोड़ें: 70px आपके उदाहरण में .ui-tooltip क्लास में - यह आपकी पूछताछ नहीं है लेकिन यह एक काम हो सकता है।

Answer 2

jQuery यूआई टूलटिप <option> के लिए केवल तभी कारगर साबित size विशेषता, <select>

सिर्फ अगर आकार विशेषता का चयन तत्व पर सेट कर दिया जाता के लिए निर्धारित है घटनाओं आवश्यक कर टूलटिप वास्तव में आग काम करने के लिए। - source

यहाँ एक updated example

Answer 3

मैं वर्तमान में अपने आप को इस समस्या को पार करने में असमर्थ हूँ है, लेकिन मैं कम से कम एक का चयन के साथ टूलटिप विजेट का उपयोग करने में सक्षम होने का एक तरीका के साथ आए हैं।

कल्पना कीजिए कि आपके पास <div id="SelectFieldDiv"> है। तुम्हें पता है, टूलटिप स्टाइल के लिए <div id="SelectFieldDiv"> प्राप्त कर सकते हैं होवर-ओवर पाठ: नहीं, आप टूलटिप के साथ चयन के पर उपयोग नहीं कर सकते, जब तक आप सेट:

$(document).ready(function() { 
     $(document).tooltip(); 

     $('#SelectField').change(function(e) { 
       $('#SelectFieldDiv').prop('title', $('#SelectField').find(':selected').prop('title')); 
     }); 

     $('#SelectField').change(); 
}); 

दुर्भाग्य से, इस प्रश्न का उत्तर नहीं तो प्रतीत होता है 1 से अधिक कुछ के लिए आकार विशेषता (जो, बहुत कम चयन इस तरह हैं)।

मैंने सबसे अद्यतन संस्करणों के साथ परीक्षण किया: jQuery v। 3.2.1; jQuery-UI v। 1.12.1।