将事件绑定到可以动态加载的 DOM 元素答案

【问题标题】：Binding event to DOM elements which can be dynamically loaded将事件绑定到可以动态加载的 DOM 元素
【发布时间】：2011-01-21 13:49:41
【问题描述】：

在我的页面中，我将有几个类名为“imp”的 DIV。而且我可能还会加载更多具有相同类名的 DIV。我想将所有这些 DIV 与一个事件（可能是“加载”）绑定，这样我就可以满足为所有这些 DIV 执行函数的要求，而不管它们是已经存在于页面上还是稍后会加载。我尝试了以下方法，但没有成功。

$('.imp').live('load', function() { alert('遇到重要数据'); });

这里的问题是“加载”事件只能绑定到带有 url 的元素，如图像、脚本等。请告诉我如何才能达到上述要求。

【问题讨论】：

【解决方案1】：

在您的 jQery Ajax 调用（如load）中，您可以指定一个函数，该函数将在调用完成并成功时运行。可能会在那里运行你的函数。

类似：

$('#result').load('ajax/test.html', function() {
  $('.imp', $('#result')).each(function (){
    alert('encountered an important data');
  });
});

【讨论】：