如何使用jQuery将事件监听器的设置推迟到ajax调用和呈现完成之后？

Question

我熟悉_.defer的_.defer函数。 如何使用jQuery重新创建？

我正在执行ajax调用，将来自该调用的响应的divs追加到DOM中，但是问题是，我需要在这些新创建的divs上设置set事件侦听器，但我必须等到它们呈现后再进行设置。 我怎样才能做到这一点？

$.getJSON( mAPI, function( m ) {
   $(m.items).each(function(item) {
       $('#items-container').append('<div class="item">' + item + '</div>');
   });
}):

$( ".item" ).click(function(e) {
    alert( "Handler for .click() called." );
});

Answer 1

最好的选择可能是使用on将事件委托给容器：

$('#items-container').on('click', '.item', function (e) {
    alert('Handler for .click() called');
});

注意：您只需要附加一次此事件处理程序，而不必在每个AJAX请求之后附加一次。 （感谢@Kevin B ）

Answer 2

使用.on（）

由于元素是动态添加的，因此无法将事件直接绑定到它们。因此，必须使用事件委托 。

$("#items-container").on("click", ".item", function (e) {
    alert("Handler for .click() called");
});

句法

$( elements ).on( events, selector, data, handler )