jQuery पर <select> घटना बदलें फायरिंग नहीं

Question

मैं शीर्षक में निम्नलिखित है:

$('body').on('change', '#userFilter', function(){ 
    console.log('changed'); 
}); 

और यह तत्व गतिशील पृष्ठ पर डाला जाता है जब एक टैब क्लिक किया जाता है:

<select id="userFilter"> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
</select> 

समस्या है जब मैं ड्रॉपडाउन बदलता हूं तो कंसोल में कुछ भी नहीं दिखाया जाता है।

Answer 1

$(document).ready(function(){....}) में लपेट ताकि एचटीएमएल नियंत्रण userFilterjavascript

$(document).ready({ 
    $('body').on('change', '#userFilter', function(){ 
     console.log('changed'); 
    }); 
}); 

हैंडलर .ready को (पारित कर दिया) के बाद DOM तैयार होने निष्पादित करने की गारंटी है के लिए डोम को और उपलब्ध जोड़ा जाता है , इसलिए यह आमतौर पर अन्य सभी ईवेंट हैंडलर संलग्न करने और अन्य jQuery कोड, jQuery docs चलाने के लिए सबसे अच्छी जगह है।

Answer 2

हालांकि ओक्यू से थोड़ा असंबद्ध है, अगर आप यहां पहुंचे हैं क्योंकि आपका चयन फायरिंग नहीं है, तो सुनिश्चित करें कि पिछली बार आपने "इस पृष्ठ को दिखाने से रोकें ..." की जांच नहीं की alert()। आपको टैब को बंद करना होगा और उस यूआरएल को दोबारा खोलना होगा ताकि वह फिर से आग लग सके।