调用“DOMNodeInserted”事件时添加元素

我想在每个“喜欢”按钮（chrome 扩展）之后添加一个元素。由于帖子被添加到新闻提要而不刷新页面，我必须添加一个事件侦听器“DOMNodeInserted”。但是当我尝试把after()里面的功能，它不起作用。

Code:

    $("#contentArea").addEventListener("DOMNodeInserted", function(event) {
        $(".like_link").after('<span class="dot"> · </span><button class="taheles_link stat_elem as_link" title="תגיד תכל&acute;ס" type="submit" name="taheles" onclick="apply_taheles()" data-ft="{&quot;tn&quot;:&quot;&gt;&quot;,&quot;type&quot;:22}"><span class="taheles_default_message">תכל&acute;ס</span><span class="taheles_saving_message">לא תכלס</span></button>');
        $(".taheles_saving_message").hide(); 
    });

当我改变时$("#contentArea") to document它使所有页面崩溃。

如果你想在 jQuery 中添加事件监听器，那不是方法，正确的方法应该始终是：

$(document or window).bind( your_event_name, function(event) { your_callback });

考虑到这一点，你可以写：

$(document).bind('DOMNodeInserted', function(event) {

    alert('inserted ' + event.target.nodeName + // new node
          ' in ' + event.relatedNode.nodeName); // parent

});

或者执行每次在 DOM 中插入节点时需要执行的操作。

供您参考，如果您想使用addEventListener你需要使用普通的 javascript 而不是 jQuery。

document.addEventListener("DOMNodeInserted", function () {
    // your code
}, false);

Edit:与 jQuery 1.7 一样，请改用 '.on' 函数：http://api.jquery.com/on/ http://api.jquery.com/on/

您的方法出现的另一个错误（如果它有效）是您将破坏您的应用程序插入节点并致电DOMNodeInserted（因为您已经插入了一个节点），这将再次插入该节点，并调用DOMNodeInserted再次...

你可以看到发生了什么......

我建议你听听正确的方法并附上你的span那里...