javascript - Ajax 之后第二次单击时的 Jquery 单击事件传播

Question

嗨，我总是使用这个示例代码来使 div 用作链接。

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

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

这个javascript Action 是一个ajax函数，可以“改变”html..在我没有ajax的 fiddle 中，它在第一，第二，第三，任何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.

Answer 1

事件委托(delegate)的经典案例

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