évènements: fonction die

Cette fonction est l'inverse de la fonction live(). Elle supprime un évènement lié a un élément. Sans argument, tous les évènements seront supprimées.

Si un type est spécifié, alors seulement les évènements de ce type seront supprimés.

Si la fonction associée à l'évènement par live() est passé en second argument, alors seulement ce gestionnaire d'évènement est supprimé.

Version: disponible depuis la version 1.3 de JQuery

Paramétres:

  • type (String): type de l'évènement a supprimer
  • fonction (fonction): fonction

Valeur de retour: object jQuery

Exemple :

Demonstration avec la fonction live() et die().

function aClick() {
      $("div").show().fadeOut("slow");
    }
    $("#bind").click(function () {
      $("#theone").live("click", aClick)
                  .text("Cliquez pour voir!");
    });
    $("#unbind").click(function () {
      $("#theone").die("click", aClick)
                  .text("Ne fait rien...");
    });

  <html>
  <head>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  <script type="text/javascript">
  	$(document).ready(function(){
  		function aClick() {
      $("div").show().fadeOut("slow");
    }
    $("#bind").click(function () {
      $("#theone").live("click", aClick)
                  .text("Cliquez pour voir!");
    });
    $("#unbind").click(function () {
      $("#theone").die("click", aClick)
                  .text("Ne fait rien...");
    });

  	});
  </script>
  
  <style>
  
  button { margin:5px; }
  button#theone { color:red; background:yellow; }
  
  </style>
  </head>
  <body>
  	
<body>
  <button id="theone">Ne fait rien...</button>
  <button id="bind">lie le click du bouton a une action</button>
  <button id="unbind">supprime la liaison</button>
  <div style="display:none;">Click!</div>
</body>


  </body>
  </html>

0 Commentaire (afficher/poster)