javascript - 使用jQuery动态生成div时如何调用函数

标签 javascript jquery

我想要实现的场景如下:

$("#parentDiv").on("load",'#childDiv', function () {
        // do something...
});

我想在动态生成子div并显示在页面上时调用一个函数,但没有合适的事件可以实现此目的。任何提示或帮助将不胜感激。

最佳答案

您可以使用由 .trigger() 触发的自定义事件,而不是 load :

$(document).ready(function() {
  $("button").on("click", function() {
    $("body").append("<div id='new'>Created</div>").trigger('custom-event');
  });
});

$(document).on("custom-event", function() {
  console.log('DIV created!');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<body>
  <button>Create element</button>
</body>

关于javascript - 使用jQuery动态生成div时如何调用函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51716588/

相关文章:

javascript - 在 Coderbyte 中解释 Lettercountr(str) 的答案

jquery - Bootstrap 嵌套 Accordion 字体-很棒的图标

javascript - Twitter Bootstrap 弹出窗口在第一次点击时不起作用

javascript - 下拉菜单的关键帧或 JScript

javascript - 旋转 DIV 在第二次单击时缓慢旋转

javascript - 在 JavaScript 中快速重绘 unicode 符号数组

RequireJS/AMD 模块中的 JavaScript 代码覆盖率

javascript - 使用 for 循环访问 Jquery 内的数组

javascript - 为什么 .indexof() 返回 -1;当该项目存在于给定数组中时? |谷歌脚本

jquery - 鼠标悬停以暂停图像幻灯片