Jquery गतिशील रूप से जोड़े गए तत्वों के लिए ईवेंट श्रोताओं को जोड़ना

Question

तो अभी मैं समझता हूं कि एक ईवेंट श्रोता को गतिशील रूप से जोड़े गए तत्व में संलग्न करने के लिए, आपको तत्व जोड़ने के बाद श्रोता को फिर से परिभाषित करना होगा। क्या इसे बाईपास करने का कोई तरीका है, इसलिए आपको कोड के पूरे अतिरिक्त ब्लॉक को निष्पादित करने की आवश्यकता नहीं है?

Answer 1

.on() का उपयोग करके आप एक बार अपने कार्य को परिभाषित कर सकते हैं, और यह किसी भी गतिशील रूप से जोड़े गए तत्वों के लिए निष्पादित होगा।

उदाहरण के लिए

$('#staticDiv').on('click', 'yourSelector', function() { 
    //do something 
}); 

Answer 2

$(document).on('click', 'selector', handler); 

कहाँ click एक घटना नाम है, और handler, एक ईवेंट हैंडलर है एक समारोह के संदर्भ में या अनाम समारोह function() {}

पी एस की तरह: आप विशेष नोड आप के लिए गतिशील तत्व जोड़ रहे हैं पता है - आप इसे document के बजाय निर्दिष्ट कर सकते हैं।

Answer 3

जब jQuery प्लगइन कॉल के साथ नए तत्व जोड़ है, तो आप निम्नलिखित की तरह कर सकते हैं:

$('<div>...</div>').hoverCard(function(){...}).appendTo(...) 

Answer 4

आप गतिशील रूप से उन तत्वों इसलिए किसी भी श्रोता अभ्यस्त पृष्ठ लोड पर लागू किया पैदा कर रहे हैं उपलब्ध रहना। मैंने आपके समाधान को सही समाधान के साथ संपादित किया है। असल में jQuery में पैरेंट एलिमेंट को अटैचमेंट करके इसे बाध्यकारी करने के लिए ईवेंट होता है और इसे सही गतिशील रूप से बनाए गए तत्व के नीचे नीचे प्रसारित करता है।

$('#musics').on('change', '#want',function(e) { 
    $(this).closest('.from-group').val(($('#want').is(':checked')) ? "yes" : "no"); 
    var ans=$(this).val(); 
    console.log(($('#want').is(':checked'))); 
}); 

http://jsfiddle.net/swoogie/1rkhn7ek/39/