jQuery, haga clic en el elemento interior de elemento puede hacer clic

Question

tengo la sintaxis HTML como sigue:

<table><tr><td id="click1"><a href="somelink.html" id="click2">here's the link</a></td></tr></table> 

y tengo la sintaxis de jQuery como esto

$('td#click1').ajaxify(); 
$('a#click2').fancybox(); 

Mi problema es que si hago clic en el #click2 entonces el #click1 es seleccionado también

¿Cómo puedo hacer que solo seleccione #click2 sin llamar al #click1?

Answer 1

$('a#click2').click(function(event){ 

    event.stopPropagation(); 

}) 

puede llamar a stopPropagation, para evitar que el evento burbujee el árbol DOM.