आप एक इवेंट हैंडलर को ज़र्ब फाउंडेशन फ्रेमवर्क कस्टम ड्रॉपडाउन में कैसे बाध्य करते हैं?

Question

मैं ज़र्ब फाउंडेशन फ्रेमवर्क का उपयोग कर रहा हूं और एक चुनिंदा तत्व है जहां फ्रेमवर्क कस्टम चयन तत्व (नीचे कस्टम ड्रॉपडाउन) के लिए HTML इंजेक्ट करता है।

<select id="caseModule" style="display: none;"> 
    <option value="gifting">Gifting</option> 
    <option value="other">Other</option> 
</select> 
<div class="custom dropdown" style="width: 97px;"> 
    <a href="#" class="current">Other</a> 
    <a href="#" class="selector"></a> 
    <ul style="width: 95px;"> 
    <li>Gifting</li> 
    <li class="selected">Other</li> 
    </ul> 
</div> 

मैं के बाद से यह सम्मिलित है पर मक्खी पृष्ठ लोड होने कस्टम लटकती करने के लिए एक jQuery ईवेंट हैंडलर कैसे बाँध करते हैं? यदि मैं मूल चयन तत्व में एक .change() ईवेंट हैंडलर बांधता हूं तो इसे निकाल दिया नहीं जाता है। क्या मुझे लगता है कि चुनिंदा तत्व के तुरंत बाद एक div element w/"कस्टम ड्रॉपडाउन" कक्षा होगी? यह दृष्टिकोण ऐसा लगता है कि ढांचे में बदलाव होने पर यह w/संभावित समस्याओं से भरा हो सकता है।

Answer 1

मूल का चयन-तत्व को बाइंडिंग के लिए मुझे

$(document).ready(function() { 
    $('#caseModule').change(function() { 
     console.log('changed'); 
    }); 
}); 

Answer 2

फाउंडेशन 5.4.5 के साथ

, यह मेरे लिए काम कर रहा है बिल्कुल ठीक काम करता है:

$('.dropdown').on('opened.fndtn.dropdown', function() { 
    return console.log('opened'); 
}); 
$('.dropdown').on('closed.fndtn.dropdown', function() { 
    return console.log('closed'); 
});