Jquery点击事件在Ajax之后的第二次点击中传播

Jquery click event propagation on second click after Ajax

本文关键字:第二次 传播 Ajax 事件 Jquery 之后      更新时间:2023-09-26

嗨,我总是使用这个示例代码使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,这也是使用的反传播代码im

$("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>

此外,我刚刚发现了这一点,但我无法用更新的代码修改幻灯片切换来停止事件传播。

事件委派的经典案例

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