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

Question

在我的页面中，我将会有几个类名为“imp”的DIV。而且我可能还会加载一些具有相同类名的DIV。我希望将所有这些DIV绑定到一个事件（可能是'load'），这样我就可以满足为所有这些DIV执行函数的要求，无论它们是否已经存在于页面上或将在以后加载。我尝试了以下但没有取得任何成功。

$('.imp').live('load', function()
{
  alert('encountered an important data');
});

这里的问题是'load'事件只能绑定到具有url的元素，如图像，脚本等。请告诉我如何实现上述要求。

Answer 1

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

类似的东西：

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