Comment imiter stopPropagation en utilisant jQuery.live

Question

Donc, je sais que l'un des inconvénients de l'utilisation jQuery.live est l'indisponibilité de .stopPropagation(). Mais j'en ai vraiment besoin.

Voici mon cas d'utilisation. J'ai une case à cocher qui est actuellement liée à un clic. Cependant, d'autres cases à cocher apparaissent à l'écran via un appel AJAX, ce qui signifie que j'ai vraiment besoin de .live('click', fn). Malheureusement, la case à cocher est située au-dessus d'un autre élément cliquable, nécessitant .stopPropagation(). Cela fonctionne très bien avec .bind('click', fn), mais l'incapacité de l'utiliser avec .live() me gêne. L'utilisation de return false ne fonctionne pas car la case à cocher ne sera pas cochée.

Des idées sur comment imiter .stopPropagation() lors de l'utilisation .live() sans renvoyer false?

Answer 1

Au lieu de se lier à un gestionnaire .live des cases à cocher, se lient à un gestionnaire d'événement intelligent sur le récipient, avec un comportement dépendant de lequel élément est le cible de l'événement.

$("#container").click(function(e) { 
    var ele = e.target; 
    if(ele.tagName.toLowerCase() == 'input' 
     && ele.type.toLowerCase() == 'checkbox') { 
     e.stopPropagation(); 
     // do something special for contained checkboxes 
     // e.g.: 
     var val = $(ele).val(); 
    } 
}); 

Here est un exemple d'exemple pour montrer comment cela peut être utilisé.