在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'); }

我是否需要取消绑定点击事件处理程序才能使其正常工作？

请帮忙。感谢...

Answer 1

你可能错过了一个id为add-count的锚。为了您的信息，您不必解除绑定事件。 jQuery可以处理元素的多个事件。

您错过了代码中的)

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

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

check the demo

这就是我能用所提供的代码和细节来判断的全部内容