<p>चुना गया: खुला काम नहीं करता</p>

को निर्मित 22 दिस॰ 2013 · 5टिप्पणियाँ · स्रोत: harvesthq/chosen

मैं बटन क्लिक के बाद एक चयन खोलने की कोशिश कर रहा हूं, लेकिन यह काम नहीं करता है। अगर मैं ट्रिगर के बाद सम्मिलित करता हूं और अलर्ट () खोलता हूं तो यह खुलता है ...
(jquery के साथ चुने हुए v1.0 का उपयोग करना)

उदाहरण:

<select id="select">
    <option value="1">a</option>
    <option value="2">b</option>
    <option value="3">c</option>
</select>
<br>
<button onclick="$('#select').trigger('chosen:open'); ">Press this button to open (doesnt work) </button>
<button onclick="$('#select').trigger('chosen:open'); alert('ups!');">Press this button to open (work???)</button>

<script>
$(document).ready(function() {
$('#select').chosen();
});
</script>

उदाहरण में: http://jsfiddle.net/EArg6/28/

स्रोत

vpode

सबसे उपयोगी टिप्पणी

जब आप बटन पर क्लिक करते हैं, तो चुना को chosen:open ईवेंट प्राप्त हो रहा है। हालांकि, घटना डीओएम को बुलबुला करना जारी रखती है और चुना तुरंत उस तत्व पर एक क्लिक का पता लगा रहा है जो सक्रिय चुना नहीं है ... इसलिए यह इसे बंद कर देता है। सही बात?

यदि आप इनलाइन JS के साथ काम कर रहे हैं, तो सबसे आसान उपाय है setTimeout का उपयोग करके वर्तमान ईवेंट स्टैक से बाहर निकलना:

onClick="setTimeout(function(){ $('#select').trigger('chosen:open'); }, 0)"

हालांकि, आपको लगभग निश्चित रूप से इनलाइन जेएस का उपयोग नहीं करना चाहिए। यदि आप चाहें तो आप अभी भी setTimeout उपयोग कर सकते हैं, लेकिन ईवेंट बबलिंग को रोकना ही पर्याप्त होना चाहिए।

$('button').on("click", function(evt){
  evt.stopPropagation();
  $('#select').trigger('chosen:open');
});

मैंने इस कामकाजी कोड के साथ आपकी पहेली को अपडेट कर दिया है: http://jsfiddle.net/EArg6/33/

pfiller 28 दिस॰ 2013

👍4

सभी 5 टिप्पणियाँ

आपके फिडल (सफारी में) में न तो बटन मेरे लिए काम करता है।

आप किस ब्राउज़र/संस्करण का उपयोग कर रहे हैं?

tjschuck 23 दिस॰ 2013

मैंने इसके साथ परीक्षण किया:

फायरफॉक्स 25.0.1
ओपेरा 12.16
क्रोम 31.0.1650.63 वर्ग मीटर

पहला बटन काम नहीं करता
दूसरा बटन विकल्प सूची खोलता है (केवल तभी बंद करने के लिए जब मैं "अलर्ट" बॉक्स बंद करता हूं)।

vpode 23 दिस॰ 2013

onClick="setTimeout(function(){ $('#select').trigger('chosen:open'); }, 0)"

$('button').on("click", function(evt){
  evt.stopPropagation();
  $('#select').trigger('chosen:open');
});

मैंने इस कामकाजी कोड के साथ आपकी पहेली को अपडेट कर दिया है: http://jsfiddle.net/EArg6/33/

pfiller 28 दिस॰ 2013

👍4

धन्यवाद @pfiller

pruett 22 अप्रैल 2014

धन्यवाद @pfiller , उस समाधान और स्पष्टीकरण ने मुझे बहुत नाराज़गी से बचाया!

shivaray 26 जुल॰ 2016

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

<p>चुना गया: खुला काम नहीं करता</p>

सबसे उपयोगी टिप्पणी

सभी 5 टिप्पणियाँ

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