javascript - 使用 live() 将代码添加到创建的 DOM 元素

Question

我正在尝试在 jQuery 使用 live() 添加的新元素上设置此代码

var frcode = '<iframe scrolling="no"></iframe>';
$('.foo:nth-child(3n),.foo:last-child').after(frcode);
$('.foo:first').before(frcode);

我尝试了 livequery 插件，但对我来说效果不佳

我尝试使用的 Livequery 插件

$(".foo:nth-child(3n),.foo:last-child").livequery(function(){
   $(this).after(frcode);
});

$(".foo:first").livequery(function(){
   $(this).before(frcode);
});

Answer 1

DOMSubtreeModified您可以在将创建的 DOM 元素放入的容器中收听：

var frcode = '<iframe scrolling="no"></iframe>';

$('.container').on('DOMSubtreeModified', function(){
  $(this).find('.newElement:not(.processed)').after(frcode).addClass('processed');
})

（你也可以使用 'body' 而不是 '.container'）

Answer 2

如果你只想插入新元素，你也可以使用 DOMNodeInserted 事件。

在此处查看使用示例：http: //jsfiddle.net/2YSEP/