我有一个表与点击事件绑定到其行(< tr>)。有< a>这些行内的元素分配了自己的点击事件。
问题是,当我点击< a>元素,它也触发了父< tr>的点击事件。我不想这样的行为;我只想点燃< a>点击事件。
码:
// Event row TR $("tr:not(:first)").click(function() { $(".window,.backFundo,.close").remove(); var position = $(this).offset().top; position = position < 0 ? 20 : position; $("body").append( $("<div></div>").addClass("backFundo") ); $("body").append( $("<div></div>").addClass("window") .html("<span class=close><img src=Images/close.png id=fechar /></span>") .append( "<span class=titulo>O que deseja fazer?</span>" +"<span class=crud><a href=# id=edit>Editar</a></span>" +"<span class=crud><a href=# id=delete codigo=" + $(this).children("td:first").html() + ">Excluir</a></span>" ) .css({top:"20px"}) .fadeIn("slow") ); $(document).scrollTop(0); }); // <A> Element event $("a").live("click",function() { alert("clicked!"); });
每当你点击锚点,它从它的父行触发事件。有任何想法吗?