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

Question

假设我动态地将某些内容附加到页面，它涉及一些HTML和一些Javascript（通过添加更多脚本标记）。

我如何知道一切准备就绪（就像在页面加载时我会用jQuery $（..））？

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

Answer 1

我很幸运，包括附加HTML中的ready函数。 例如

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

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