在动态加载的内容中执行JS

Question

 我已经开始开发一个动态加载所有不同页面内容的项目。
从表面上看，这似乎很简单，对脚本的 AJAX 调用返回放置在 DIV 内的内容。只不过不仅返回 HTML，还返回 JS。我看到很多这样的东西：-

<img src="spacer.gif" height="1" width="1" onload="SOMEJSHERE"/>

点缀在执行 JS 函数的代码中。这不提供我喜欢使用 JQuery 的那种 HTML/JS 代码分离。
 我可以理解他们不想一次加载所有 JS 和 HTML，数量太多了...但这感觉不是最好的方法。

请问有什么经验和建议吗？

莱尔

Answer 1

查看 jQuery .live() 事件。它可以将行为（事件绑定）应用于页面上与给定选择器匹配的所有当前和未来元素。

这意味着您新加载的 HTML 不需要包含任何脚本。只需确保加载的元素具有正确的选择器（类名和 ID）。

Answer 2

嘿我使用“eval”动态执行js。

例如

<script>
var strjs = 'function execute(){alert("foobaring");} execute();';

eval(strjs);

</script>

Answer 3

最后，我使用了 JQuery UI 中的 tabs.select 选项（我们用于 ajaxed 页面）并根据需要执行适当的 JS。