内容正在通过ajax成功加载。但没有显示出来

Question

我在玩djax，当我点击一个锚标签时，url会改变，当我查看页面源代码时，它也会改变，但页面本身并没有改变它的内容，即使我查看了页面源代码，它也会改变，你知道为什么吗？

下面是标记的一个片段

​

<body>

    <div id="resultContent" class='updatable'></div>
    <ul>
        <li><a id="thankyou" href="views/thankyou.jsp?menuId=2"
            targets="resultContent">Thank You Message</a></li>
    </ul>
</body>

当我单击url时，url会改变，但结果不会显示，但当我查看页面源代码时，它会显示正确的标记(或者应该说是thankyou.jsp的标记)。

下面是js代码

jQuery(document).ready(function($) {
    $('body').djax('.updatable');
});

Answer 1

我遇到了和你完全相同的问题，在我寻找答案的时候发现了你的问题。这对你来说可能太晚了，但根据你的标记，我相信你遇到了和我一样的问题，这实际上在插件Github站点的问题列表上(至少现在是这样)。

您需要将可更新的div放在包装div中。出于某种原因，交换内容似乎不适用于body的直接子代。请参阅https://github.com/beezee/djax/issues/22

因此您的HTML应该如下所示

<body>
    <div id="djaxWrap>
        <div id="resultContent" class='updatable'></div>
        <ul>
            <li><a id="thankyou" href="views/thankyou.jsp?menuId=2"
        targets="resultContent">Thank You Message</a></li>
        </ul>
    </div>
</body>

而jQuery保持不变

jQuery(document).ready(function($) {
    $('body').djax('.updatable');
});