-1

我有类似的页面

<html>
<body>
    <div id="header">
        <a href="page1.html">Page1</a>
        <a href="page2.html">Page2</a>
    </div>
    <div id="Container">
        Content
    </div>
</body>
</html>

单击导航时，我想获取页面但具有固定标题。只需更改容器的内容和地址栏或更改带有固定标题的页面

就像带有固定聊天和标题栏的 Facebook。

我尝试了很多像 Ajax 这样的方法，但我不能使用它:)

4

1 回答 1

2

你可以使用jQuery$.get()并尝试这样的事情：

$(document).ready(function() {
    $('a').click(function(event) {
        event.preventDefault();
        $.get(this.href, {}, function(data) {
            $('#container').html(data);
        });
    });
});

这将替换#container导航中链接后面的内容。然后，您有责任确保只有所需的内容在page1.html.

一个更好和更复杂的方法是包含完整的站点内容page1.html并在函数中使用一些逻辑success来仅提取所需的内容。
对于没有 JavaScript 等的用户来说，这会很好地回退。

阅读 jQuery 的 Ajax 功能，您应该能够相当快地解决问题。

于 2012-07-02T10:45:37.490 回答