jquery - 订阅特定 DOM 元素上 .load() 的 'complete' 事件？

Question

我已经使用 .live() 和 .bind('ajaxComplete') 来完成某些相关任务，但我发现自己希望能够监听特定 DOM 元素的 'complete' 事件，该事件将调用jQuery 的 .load() 在不同时间。

在这种情况下，我不想全局监听所有完整事件(除非有人可以向我展示如何从“ajaxComplete”返回的事件对象中获取正确的目标)。我希望能够做这样的事情:

$('.selector').load('url.php',{data:data},function(){
   // LOCAL complete function
});

然后在其他地方，附加一个处理程序来监听并在 ajax 调用触发并完成时执行其他代码:

$('.selector').bind('complete',function(){ ... });

我知道我可以使用上面指出的“本地完整函数”来附加一些功能，但我希望能够从代码中的其他位置绑定(bind)到完整事件 - 就像我对其他事件所做的那样诸如“点击”之类的事件。

有什么办法可以做到这一点吗？或者我必须始终在 load() 方法的上下文中使用“完整”事件？

Answer 1

只需在本地完整回调中触发完整事件即可:

$('.selector').load('url.php',{data:data},function(){
   $(this).trigger('complete');
   // Local handling of the complete event.
});

$('.selector').bind('complete',function(){ ... });