javascript - 监听元素前置

Question

我的元素动态地添加到我网站上的某个区域，但我需要在添加它们时监听一些内容，以便它可以触发事件。

元素的前缀如下

something.prependTo('#area')

被添加到前面的元素是这样的

<div id="box1" class="box new">

我已经尝试了以下每一项，但没有成功......

$('.new').on(playSound());
$('.new').bind('DOMSubtreeModified', playSound());
$('.new').each(playSound());
$('.new').live(playSound());
$('.new').livequery(playSound());

声音在页面最初加载时播放，但在添加元素时不播放。

Answer 1

$('#area').on('DOMNodeInserted', function(e) {//whenever an element is inserted
    if ($(e.target).is('.new')) {             //check if it has the right class
        playSound();                          //and play sound
    }
});

它在 IE 中不起作用，因为没有支持，如果我没记错的话，突变事件已被弃用，所以也不能保证 future 的支持？