在AJAX负载后绑定多个事件处理程序

Question

我使用.load()方法将一些内容加载到HTML DIV中。

$("#cards").load("/cards/?offset="+offset);

新内容包含我想绑定事件处理程序的几个<a>。首先，我使用.on()方法：

$('body').on('click', '#excerpt-slide', function() { alert('Link 1 Clicked'); } 

当我尝试将第二个事件处理程序绑定到其他<a>时，单击链接不会触发匿名函数：

$('body').on('click', '#add-count', function() { alert('Link 2 Clicked'); }

我需要解开 click事件处理程序以使其正常工作吗？

请帮助。

Answer 1

您可能会缺少具有附加计数ID的锚点。对于您的信息，您不必解开活动。jQuery可以处理元素的多个事件。

您缺少在代码中关闭)

$('body').on('click', '#add-count', function() { alert('Link 1 Clicked'); } ); 
$('body').on('click', '#add-count', function() { alert('Link 2 Clicked'); } );

检查演示

这就是我可以告诉您的代码和您给出的详细信息