如何在删除div并动态添加div时触发事件？

Question

我有以下类型的代码

<div id="parent-div">
  <div id="child-div">
    <!--content goes here -->
  </div>
</div>

子div来自第三方服务，它将动态附加或删除。如何在附加期间触发javascript事件正在删除div

Answer 1

您有两个选择：

1. 有一个循环 - 每隔x毫秒，检查child-div是否存在/不存在
2. 使用DOM4 MutationObserver - 有关此here的更多信息。注意： Google Chrome目前仅支持此功能 browser support

关于DOM4 MutationObserver的答案的相关问题：

https://stackoverflow.com/a/11141879/5620297

Answer 2

如果您正在使用jquery .trigger()，

在附加子div的函数或代码中，附加子div

$("div#parent-div").trigger("child_div_attached");

在删除子div的函数或代码中删除子div

$("div#parent-div").trigger("child_div_removed");

然后你可以将事件监听器添加到父div，如

$("div#parent-div").on("child_div_attached", function() {
  //what to do after child div attached
});

$("div#parent-div").on("child_div_removed", function() {
  //what to do after child div removed
});