jQuery botón de entrada clic en el agente de escucha

Question

Nuevo en jQuery. yo estaba tratando de establecer un detector de eventos para el siguiente control en mi página, que cuando se hace clic se mostrará una alerta:

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

Pero no funcionó.

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

¿Cómo se crea un detector de eventos para un control de botón de entrada con jQuery?

Answer 1

Lo primero es que button() es una función jQuery ui para crear un button widget que no tiene nada que ver con el núcleo de jQuery, solo le da estilo al botón.
lo tanto, si desea utilizar el widget añadir archivos JavaScript y CSS de jQuery UI o bien eliminarlo, así:

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

Otra cosa que podría haber causado el problema es que si usted no espere a la entrada para representar y escribió el código antes de la entrada. jQuery tiene el ready function, o su alias $(func) que ejecuta la devolución de llamada una vez que el DOM está listo.
Uso:

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

Así que incluso si la orden es este va a trabajar:

$(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

Más sobre la respuesta de gdoron, también se puede hacer de esta manera:

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

sin la necesidad de colocarlos todos en