元素添加到页中时引发

Question

元素添加到页中时引发以前曾在此讨论过：如何在使用jQuery将元素添加到页面时执行操作？响应者建议，每当向页面添加div时，就会触发自定义事件。但是，我正在编写一个Chrome扩展，并且没有访问页面源代码的权限。我在这里有什么选择？我想理论上我可以setTimeout继续搜索元素的存在，并在元素存在的情况下添加我的操作。

Answer 1

你可以用livequeryjQuery插件。可以提供选择器表达式，如：

$("input[type=button].removeItemButton").livequery(function () {
    $("#statusBar").text('You may now remove items.');});

每次一个按钮removeItemButton类添加了一个出现在状态栏中的消息。

就效率而言，您可能希望避免这种情况，但无论如何，您可以利用插件而不是创建自己的事件处理程序。

重覆答案

上面的答案只是为了检出一个项目添加到DOM中通过插件。

但是，最有可能的是，jQuery.on()这样做更合适，例如：

$("#myParentContainer").on('click', '.removeItemButton', function(){
          alert($(this).text() + ' has been removed');});

如果您的动态内容应该响应单击-例如，最好使用以下方法将事件绑定到父容器jQuery.on.