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

Question

我有以下类型的代码

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

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

Answer 1

您有2个选择：

1. 循环-每隔x毫秒，检查child-div存在/不存在
2. 使用DOM4 MutationObserver -这个更多信息在这里 。 注意： Google Chrome 浏览器支持 目前仅支持此功能

有关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
});