在将内容附加到页面后,如何知道DOM已准备就绪？

Question

假设我要动态地将一些内容附加到页面,它涉及一些HTML和一些Javascript(通过添加更多的脚本标记).

我怎么知道一切都准备就绪(就像在页面加载时我会用jQuery $(..))？

或者,在追加操作完成后继续进行是否正常？

Answer 1

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

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

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