创建元素时触发事件

我想调用一个函数creation of new divisions在 DOM 中（即通过 ajax 调用动态创建）。我知道我可以使用 live 方法来触发该函数。但什么event我应该在live method？我的意思是，当动态创建新部门时，甚至会触发哪个？

您可以使用DOMNodeInserted突变事件，但请注意，它们已被弃用，并且并非所有浏览器都支持。

更好的解决方案是编写一个自定义事件，例如：

$('#container').bind('MyAddEvent', function(){
    alert('Was added');
});

如果您希望该事件也应用于新元素，请使用on:

$('#container').on('MyAddEvent', '{selector}' ,function(){
    alert('Was added');
});

当你添加新的<div>（在ajax请求之后），触发该事件trigger:

...
success: function(result){
    $('#container').append(result)
    ...
    ...
    $('#container').trigger('MyAddEvent');
} 

• 注意live已弃用，on是新人。

如果你不控制新的divs 插入 ，您可以在每次 x 次检查 DOM 中是否有新的 div：

function checkForChanges()
{
    var newDivs = $('#container div').filter(function(){
            return !$(this).data('old')
        });

    ... //Do what you want with those divs      

    newDivs.data('old', true); // mark the div as old.

    setTimeout(checkForChanges, 1000); // Check the DOM again within a second.
}

$(checkForChanges);