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

时间:2012-12-21 16:13:42

标签: javascript jquery ajax html5 html5-history

我正在玩djax当我点击一个锚标记时,网址会发生变化,当我查看网页来源时,它也会发生变化,但即使我查看页面来源,页面本身也没有改变其内容改变任何想法为什么?

这是标记的片段

<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更改但结果未显示但是当我查看页面源时它会显示正确的标记(或者我应该说是thankyou.jsp的标记)

这里是js代码的代码

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

1 个答案:

答案 0 :(得分:0)

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

您需要将可更新的div放在包装div中。出于某种原因,交换内容似乎不适用于身体的直接孩子。见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');
});