如何将jQuery 1.9.0中的事件绑定到通过Ajax加载的元素？

Question

我知道我们可以将“实时”方法用于here所述的目的。但现在jQuery 1.9.0中删除了“live”方法。那么我应该如何为Ajax加载的元素绑定一些事件（例如，“click”）？

Answer 1

绑定事件有.on()：

用法：

$(document).on('click', '.loaded-via-ajax', function(){
    alert($(this).attr('id'));
});

这将提醒通过ajax加载的elem的id。

您必须将事件委托给现有父级，如下所示：

$('.classofdiv').on('click', '.loaded-via-ajax', function(){
    alert($(this).attr('id'));
});

此处.classofdiv是一个div，它已从ajax函数加载内容，当您单击elem类名.loaded-via-ajax时，这将获取事件并最终警告其id（ if that elem has an id ）