AJAX के माध्यम से खींचे गए तत्वों पर Jquery document.on() का उपयोग कैसे करें?

Question

मेरे पास एक jquery मोबाइल खोल पृष्ठ है, जिसे मैं अजाक्स का उपयोग करने के लिए एक फॉर्म लोड कर रहा हूं। इस फ़ॉर्म में कुछ चेकबॉक्स हैं, जिन्हें मुझे बांधना है।

अजीब तरह, मैं यह इसलिए की तरह बटन पर सीधे श्रोता की स्थापना काम करने के लिए प्राप्त कर सकते हैं:

$('input[name="ohneiln"]').on('change', function() { 
    alert("hello"); 
    }); 

लेकिन जब मैं कभी नहीं श्रोता $(document) को श्रोता सेट और checkbox को सौंपने के लिए, कोशिश कर रहा हूँ आग:

$(document).on('change', 'input[name="ohneiln"]', function() { 
    alert("hello"); 
}); 

प्रश्न:
क्या एक घटना "डायनामिक" लो जा रहा तत्वों के लिए बाध्यकारी सेट करने के लिए सही तरीका क्या है $(document).on() का उपयोग कर अजाक्स के माध्यम से विज्ञापन किया? क्या change घटनाओं के लिए यह संभव नहीं है या मैं परेशानी में क्यों चल रहा हूं?

मदद के लिए धन्यवाद!

Answer 1

.on() विधि जिस तरह से आप इसका उपयोग करते हैं उसके अनुसार परिवर्तन करता है। आपके पहले उदाहरण में .on() विधि bind के समान व्यवहार करती है और केवल उन तत्वों पर काम करेगी जो पहले से मौजूद हैं।

दूसरा उदाहरण कई तरीकों से .live() या delegate() जैसा व्यवहार करता है। और बाद में जोड़े गए तत्वों के लिए काम करेगा।

एक विस्तृत विवरण http://api.jquery.com/on/