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

时间:2018-08-06 22:46:33

标签: javascript jquery

我要实现的方案如下:

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

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

1 个答案:

答案 0 :(得分:1)

您可以使用自定义事件代替load,该事件由 page.goto() 触发:

$(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>