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

Question

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

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

的这里的问题是，“负荷”事件只能绑定到与像图像URL的元素，脚本等。请让我知道我可以acheive上述要求。

Answer 1

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

喜欢的东西：

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