Skip to main content
 首页 » 编程设计

jquery之将内容附加到页面后,我如何知道 DOM 已准备好

2026年10月07日4三少

假设我必须动态地将一些内容附加到页面,并且它涉及一些 HTML 和一些 Javascript(通过添加更多脚本标签)。

我如何知道一切都准备好了(就像我使用 jQuery $(..) 执行的页面加载一样)?

或者追加操作完成后继续就可以了吗?

请您参考如下方法:

我很幸运,在附加的 HTML 中包含了一个现成的函数。 例如

var new_html = "<SCRIPT>$(function() { alert("ready!");});</SCRIPT> <DIV>Added content</DIV>"; 
$("#host-div").append(new_html); 

附加新的 div 后,脚本将运行。我通常使用这种技术来初始化添加内容中的 jqueryui 小部件。当使用 AJAX 从服务器获取 HTML 并且 HTML 是从模板文件生成时,这特别有用 - 它将逻辑保持在 HTML/表示级别并在同一代码模块中。