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

Question

The scenario I want to achieve is as follow: 我要实现的方案如下：

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

I would like to call a function when a child div is dynamically generated and shown on the page, but there is no suitable event that can achieve this. 当子div动态生成并显示在页面上时，我想调用一个函数，但是没有合适的事件可以实现此目的。 Any hint or help would be appreciated. 任何提示或帮助，将不胜感激。

Answer 1

Instead of load , you can make use of a custom event which gets triggered with .trigger() : 您可以使用.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>

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

问题描述

1 个解决方案

解决方案1
1 已采纳 2018-08-06 23:01:14

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

问题描述

1 个解决方案

解决方案1 1 已采纳 2018-08-06 23:01:14

解决方案1
1 已采纳 2018-08-06 23:01:14