当div动态加载到页面上时，执行div内编写的脚本

Question

我有一个看起来像的div

<div>
//Useful content
   <script type="text/javascript">
        function(){
           //some useful code
        }
   </script>
</div>

现在，将这个div作为Ajax调用的响应，并将其附加到主体中。 现在，将gets追加到主体后，应该执行script标记内的函数。 但是不是..这是什么问题？

Answer 1

您应该使用document.createElement("script"); 如果您需要动态插入一些脚本。 这是推荐的方法。

无论如何，以下代码对我来说很好用：

var str = "<script>alert('Hi!');</scr"+"ipt>";
$('#container').append($(str)[0]);

确保您正确地转义了脚本。

Answer 2

您的函数未执行，因为没有被调用。

您应该使用一个自执行函数，该函数将在加载后立即运行：

(function() {
    alert('hello world!');
})();