jueves, 17 de mayo de 2012

Evento unbind Jquery


Evento unbind

   Unbind() permite destruir un evento. Esto puede ayudarnos a dejar de ejecutar un evento en ciertos casos. La función unbind está intimamente ligada al evento bind que permite ejecutar eventos, si unbind es utilizado tal evento es destruido.

En el siguiente ejemplo, haremos click sobre un botón con el evento bind(), nos mostrará una alerta, y destruiremos dicho evento mostrando otra alerta tras la ejecución del evento unbind().



El código es el siguiente...

<!-- By http://jquery-manual.blogspot.com -->
<!DOCTYPE HTML>
<html>
<head>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.2.min.js'></script>
<script type="text/javascript">
$(document).ready(function() {
$(':button#boton').bind("click", function(){
alert("hola");
$(':button#boton').unbind("click", alert("adios"));
});
});
</script>
</head>
<body>
<input type="button" id="boton" value="Vamos a destruir un Evento">
</body>
</html>