¿Manejo de eventos jQuery para desmarcar() y desvincular() eventos?

Question

Quiero adjuntar un evento de clic a un elemento de botón y luego eliminarlo, pero no puedo hacer que los eventos de unclick() o unbind() funcionen como se esperaba. En el siguiente código, el botón es de color 'marrón' y el evento click funciona.

window.onload = init; 
function init() { 
    $("#startButton").css('background-color', 'beige').click(process_click); 
    $("#startButton").css('background-color', 'tan').unclick(); 
} 

¿Cómo puedo eliminar los eventos de mis elementos?

Answer 1

No existe tal cosa como unclick(). ¿De dónde has sacado eso?

Puede eliminar controladores de eventos individuales a partir de un elemento llamando unbind:

$("#startButton").unbind("click", process_click); 

Si desea eliminar todos los manipuladores, o si se utiliza una función anónima como un manipulador, se puede omitir el segundo argumento de unbind() :

$("#startButton").unbind("click"); 

Answer 2

unbind es tu amigo.

$("#startButton").unbind('click') 

Answer 3

¿Estás seguro de que deseas desvincularlo? ¿Qué pasa si más adelante quieres vincularlo una y otra vez? No me gusta el enlace/desvinculación de eventos dinámicos, ya que tienden a salirse de control cuando se llaman desde diferentes puntos de tu código.

Es posible que desee considerar opciones alternativas:

• cambio el botón propiedad "desactivado"
• implementar su lógica interna "process_click" función

Sólo mis 2 centavos, no es un universal, solución.

Answer 4

O usted podría tener una situación en la que desea desenlazar la función clic justo después de que lo utilice, como si tuviera que:

$('#selector').click(function(event){ 
    alert(1); 
    $(this).unbind(event); 
});