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

Question

我有以下类型的代码

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

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

Answer 1

如果您正在使用 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
});