Utilisation de l’evenement ‘live()’ de JQuery

jquery evenement live

Avec le passage de JQuery à la version 1.3 (actuellement 1.3.2), est apparu un nouvel événement : live.

Live permet d’ajouter des listeners (‘écouteurs’ d’événements) sur des éléments du DOM générés en JQuery. Avant la création de cet événement, il fallait redéfinir, pour chaque élément du DOM, les écouteurs d’événement. Cet événement est surtout pratique pour l’utilisation d’AJAX, pour ajouter des controlleurs sur du code retourné par l’appel AJAX.

Voici un exemple (celui donné par la documentation officielle) :

1
2
3
$("p").live("click", function(){
      $(this).after("<p>Another paragraph!</p>");
    });

Ici, à chaque clic sur un paragraphe, un nouveau paragraphe est créé. Grâce à l’événement live, on peut également cliquer sur les paragraphes générés par JQuery. On remarque aussi que l’appel à l’événement live requiert deux paramètres : le premier correspond au nom de l’événement que l’on veut assigner à live (ici on ajoute l’événement « click » aux paragraphes)  et en second le code qui doit être exécuté à l’événement.

Ce contenu a été publié dans JQuery, avec comme mot(s)-clé(s) , , . Vous pouvez le mettre en favoris avec ce permalien.

Une reponse a Utilisation de l’événement ‘live()’ de JQuery

  1. Ping : JQuery, PHP, html, design… // arnaud-k : un blog de geek » Astuce JQuery du jour : la fonction clone()

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *