jquery - 将javascript代码作为html执行

Question

我想在 jquery html 方法中执行 jquery 脚本。喜欢

$(body).html("<div id='mydiv'></div><script>$('#mydiv').fadeIn();</script>");

或者

$(body).append("<div id='mydiv'></div><script>$('#mydiv').fadeIn();</script>");

div 已插入，但 javascript 代码未运行。

如何运行代码？

Answer 1

你应该尝试这样的事情：

$(body).append("<div id='mydiv'></div>");
$('#mydiv').fadeIn();

在第一行执行后mydiv，DOM 中出现了，因此您可以直接从当前脚本访问它。

---

编辑（评论后）

如果你想使用 jQuery 向你的 DOM 添加脚本，你应该以一些棘手的方式来做：

$("<script>$('#mydiv').fadeIn();</" + "script>").appendTo(document.body);

或者

$("\x3Cscript>$('#mydiv').fadeIn();\x3C/script>").appendTo(document.body);

如果不转义或破坏</script>标签，它会终止整个脚本。

如果您的代码有更多问题，请参阅下一个答案https://stackoverflow.com/a/3603496/1430055，您可以在其中找到有关调试此类动态脚本等的说明。