我有一个表,其中点击事件绑定到其行(<tr>).<a>这些行中有一些元素,它们分配了自己的点击事件.
问题是,当我点击<a> 元素时,它还会触发来自父元素的click事件<tr>.我不想要这种行为; 我只是想<a>点击click事件.
码:
// 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!"); });
Run Code Online (Sandbox Code Playgroud)
每当您单击锚点时,它都会从其父行触发事件.有任何想法吗?
我在html中的表中有一行连接到以下javascript函数:
<script type='text/javascript'>
$(window).load(function () {
$(".clickable").click(function () {
$(this).next().toggle();
});
});
Run Code Online (Sandbox Code Playgroud)
此函数直接在此行下方展开一些内容.我在这一行中也有一个链接,用于点击进入另一个页面.它看起来像这样:

当我点击链接时,它会在导航到应该去的页面之前快速展开内容.
如何更改它,以便如果单击链接,它会转到该页面而不调用扩展额外内容的javascript函数?