jQuery इनपुट बटन इवेंट श्रोता

Question

jQuery पर नया ब्रांड क्लिक करें। मैं जो कोई भी अलर्ट प्रदर्शित होता क्लिक किया अपने पन्ने पर निम्नलिखित नियंत्रण के लिए एक घटना श्रोता स्थापित करने के लिए कोशिश कर रहा था:

<input type="button" id="filter" name="filter" value="Filter" /> 

लेकिन यह काम नहीं किया।

$("#filter").button().click(function(){...}); 

आप jQuery के साथ इनपुट बटन नियंत्रण के लिए इवेंट श्रोता कैसे बनाते हैं?

Answer 1

पहली बात सबसे पहले, button() एक jQuery ui फ़ंक्शन है जो button widget बनाने के लिए है जिसमें jQuery कोर के साथ कुछ भी नहीं है, यह सिर्फ बटन को शैलियों बनाता है।
तो तुम विजेट jQuery ui की जावास्क्रिप्ट और सीएसएस फ़ाइलों को जोड़ या वैकल्पिक रूप से हटाने के लिए यह, इस तरह उपयोग करना चाहते हैं:

$("#filter").click(function(){ 
    alert('clicked!'); 
}); 

एक और बात यह है कि आप समस्या का कारण हो सकता है अगर आप के लिए इंतजार नहीं किया है इनपुट से पहले कोड प्रस्तुत किया और कोड लिखा। jQuery में ready function है, या यह उपनाम $(func) है जो डोम तैयार होने के बाद कॉलबैक निष्पादित करता है।
उपयोग:

$(function(){ 
    $("#filter").click(function(){ 
     alert('clicked!'); 
    }); 
}); 

इसलिए भले ही आदेश में इस है यह काम करेगा:

$(function(){ 
    $("#filter").click(function(){ 
     alert('clicked!'); 
    }); 
}); 

<input type="button" id="filter" name="filter" value="Filter" /> 

DEMO

Answer 2

$("#filter").click(function(){ 
    //Put your code here 
}); 

Answer 3

अधिक gdoron के जवाब पर, यह भी इस तरह से किया जा सकता है:

$(window).on("click", "#filter", function() { 
    alert('clicked!'); 
}); 

उन सब में