2013-09-06 6 views
5

मैं चयन तत्व था:बूटस्ट्रैप का चयन प्रॉक्सी क्लिक नहीं करता घटना

<select id='selectBox' class="selectpicker" multiple="" data-selected-text-format="count"> 
    <option>Mustard</option> 
    <option>Ketchup</option> 
    <option>Relish</option> 
    </select> 

मुझे मिल गया: http://silviomoreto.github.io/bootstrap-select/ उपयोग करने के बाद

$('#selectBox option').click(function(){ 
..... 
}); 

:

<select id='selectBox'> 
    <option>Mustard</option> 
    <option>Ketchup</option> 
    <option>Relish</option> 
    </select> 

और jQuery के माध्यम से घटना सेट पर क्लिक करें अच्छी गुणा ड्रॉपडाउन और सभी काम ठीक है सिवाय इसके कि जब मैं मेनू आइटम पर क्लिक करता हूं (इसे चुनें या इसे डिस्टेक्ट करें) कुछ भी खुश नहीं होता है।

नए मूल तत्व 'ul.dropdown-menu li a' में मेरे मूल (जो छुपा हुआ था) विकल्प तत्व से ईवेंट प्रॉक्सी क्यों नहीं क्लिक करें? मेरे द्वारा यह कैसे किया जा सकता है?

+0

क्या आपने '$ ('# selectbox विकल्प') पर प्रयास किया है ('क्लिक करें', फ़ंक्शन() {}); ' – Schmalzy

उत्तर

12

बदलें आप कोड के लिए:

$('#selectBox').on('change', function(){ 
    ..... 
}); 

यह काम करना चाहिए;

+1

हां, यह काम। धन्यवाद। यह वही नहीं है जो मुझे चाहिए, लेकिन यह मुझे नैसेसरी फंक्शनल्यू देता है। – gilnator

+0

यदि यह आपकी समस्या का समाधान करता है, तो कृपया उत्तर स्वीकार करें :) – anacarolinats

+3

हाय, @ anacarolinats, यह मेरे लिए काम नहीं कर रहा है – Afsar

0

जबकि $("#selectBox").change(...)/.on("change", ...) जब ड्रॉपडाउन मेनू विकल्प बदलता है, तो यह तब काम नहीं करेगा जब चयन वही रहता है।

यदि आप उदा। ड्रॉपडाउन मेनू से जुड़े रेडियो बटन को जैसे ही ड्रॉपडाउन बंद हो जाता है, hidden.bs.select ईवेंट का उपयोग करें।

हम संबंधित show.bs.select या shown.bs.select का भी उपयोग कर सकते हैं जब तक कि हम ड्रॉपडाउन को ध्यान केंद्रित करने और बंद करने का कारण नहीं बनाते।

दोष यह है कि हम ईवेंट प्राप्त करते हैं भले ही हम ड्रॉपडाउन मेनू चयन को नहीं बदलते हैं, उदा। खोलने और फिर विकल्प चुनने के बिना ड्रॉपडाउन के बाहर क्लिक करके।

bootstrap-select documentation on events देखें।

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