jQuery: déléguer des clics à des éléments qui contiennent d'autres éléments

Question

Donc, je comprends le sens de $ .delegate et je sais pourquoi il fait ce qu'il fait, mais je me demande s'il y a un problème.

J'ai des éléments de liaison qui contiennent des portées comme ceci:

<a href='#'> 
    <span>Person Name</span> 
    <span>Person Info</span> 
</a> 

J'utilise le code suivant dans jQuery pour la délégation de l'événement:

containerElement.delegate('click','a',function(){...}); 

Le problème est que ce ne se déclenche que lorsque je clique sur espace blanc non occupé par une travée. Je sais qu'il le fait parce que délégué compare simplement la cible d'événement à «un» pour vérifier si elle doit déclencher le délégué, mais je veux inclure les travées, à peu près tout ce qui <a>...</a>

Answer 1

Sur la base de votre commentaire Je pense que vous cherchez ce qui suit:

target.is('a, a > *'); 

.. ou quelque chose de similaire.

Answer 2

vous l'avez écrit dans l'autre sens. le premier argument est le sélecteur et le second est le nom de l'événement

$ ('corps') délégué ('a', 'click', function() { alert ('salut'); }). ;

Answer 3

Avez-vous essayé jquery en direct?

http://api.jquery.com/live/

Il est construit dans la délégation.

Answer 4

Comme, vinhboy suggère, j'utiliser

$("a").live("click", myFunction); 

function myFunction() 
{ 
    alert("Hello"); 
} 

En fait, donner vos balises a une classe comme "myLink", puis effectuer sur ce

$("a.myLink").live("click", myFunction); 

function myFunction() 
{ 
    alert("Hello"); 
}