在Ajax之后第二次单击时,Jquery单击事件传播

时间:2013-11-20 08:52:21

标签: javascript jquery

您好我总是使用此示例代码将div作为链接。

<div onclick="location.href='http://www.example.com';" style="cursor:pointer;"></div>

问题是我在其中插入了其他javascript操作(此操作需要保留在当前页面上)问题不是第一次点击而是第二次..

这个javascript操作它的一个ajax函数,“改变”那个html ..在小提琴中我没有ajax,它工作得很好,在第一,第二,第三,任何clic ..

以下是代码http://jsfiddle.net/HzsH9/4/

我正在使用.. Jquery,这也是使用

的反传播代码
$("a").bind("click", function(e){ alert("clicked!"); e.stopPropagation() });

外部div类是class="listingsRow"

并且内部javascript在这里

<a id="btn_remove_114" name="btn_remove_114" onclick="ajaxFavouratesRemove(1,114,375);">
                           <div class="fav"></div></a>

在ajax成功之后,它改变了这个

 <span id="spadd114"><a id="btn_add_114" name="btn_add_114" onclick="ajaxFavouratesAdd(114);"><div class="nofav"></div></a></span>

我也发现了这一点,但我无法设法做同样的how to stop event propagation with slide toggle-modified with the updated code.

2 个答案:

答案 0 :(得分:3)

事件委托的经典案例

$(".listingsRow").on('click','a',function(e){ 
  alert('clicked');
  e.stopPropagation();
})

答案 1 :(得分:2)

$('#singles_114').click(function(e){
    e.stopPropagation()
});