javascript - ajax 加载内容，脚本未执行

Question

我正在使用 jquery 地址插件来加载页面，但没有 hash(#)。

index.html:

<a href="page.html">Link</a>
<div id="content">

    <script>

        $(document).ready(function() {

            $.address.init(function(event) {

                $('a').address();

            }).change(function(event) {
                // do something depending on the event.value property, e.g.
                console.log(event.value);

                $.ajax({
                    type: "POST",
                    url: event.value,
                    success: function(msg){
                        $('#content').html( $(msg).find("#content").html() );
                    }
                });
            });
            $('a').click(function(e) {
                $.address.value($(this).attr('href'));

            });
        });

    </script>


</div>

页面.html:

<div id="content">
    <p>text</p>
    <script>
        $(document).ready(function() {
            alert('loaded');
        });
    </script>

</div>

在#content div 中将从 page.html 加载#content html(也许我应该使用其他函数，而不是 .html()，请纠正我)，在那个 div 是脚本标签，但当那个时我没有得到警报页面是从 ajax 加载的，它在没有 ajax 加载的情况下工作。有人可以帮助我吗？

编辑:当我尝试单击带有 js 函数的链接时出现此错误:

XMLHttpRequest 无法加载 javascript:;。仅 HTTP 支持跨源请求。

演示:http://fbstatusi.com/desavanja/kalendar/mesecna_lista

点击链接 Zurka 123

Answer 1

我遇到过这样一种情况，即 ajax 调用会返回包含需要执行的脚本的新 HTML。代码如下所示:

$.ajax('/url', {
  method: 'get',
  success: function(response) {
    document.getElementById("my-body").innerHTML = response;
  }
});

在上面的代码中，response 将包含需要执行的脚本，但它不会执行。将 success 回调更改为以下修复它:

$("#my-body").html(response);

我不确定为什么会这样(显然它与 .html() 方法的实现有关)。也许有人可以发表评论并做出解释