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

Question

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

Answer 1

有.on()用于绑定(bind)事件:

用法:

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

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

您必须将事件委托(delegate)给现有的父级，如下所示:

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

此处.classofdiv是一个div，它已从ajax函数加载内容，当您单击类名为.loaded-via-ajax的elem时 这将获取事件并最终提醒其 id(如果该 elem 有一个 id)