Question

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

Answer 1

您可以使用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是新人。

如果你不控制新的div插入，你可以在每个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);

Answer 2

Detect DOM changes with Mutation Observers演示DOM4 Mutation Observers（仅限Webkit，目前）。所以现在，你已经搞砸了。 DOMNodeInserted并非在每个浏览器中都可用，并且在可用的地方，它非常慢。 Mutation Observers要快得多，但目前仅在Webkit中可用。

创建元素时触发事件

2 个答案: