Jquery单击事件传播

前端之家收集整理的这篇文章主要介绍了Jquery单击事件传播前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个表与点击事件绑定到其行(< 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!"); });

每当你点击锚点,它从它的父行触发事件。有任何想法吗?

解决方法

你必须停止事件冒泡。在jQuery中你可以做到这一点
e.stopPropagation();

在锚标签的onclick事件中。

$("a").live("click",function(e){alert("clicked!");e.stopPropagation();});

编辑

看到这篇文章

jquery Event.stopPropagation() seems not to work

原文链接:https://www.f2er.com/jquery/181679.html

猜你在找的jQuery相关文章