Question

O hai！

所以事情就是这样：当点击导航中的链接时，我想通过jQuery的漂亮load()函数在我的主div中加载内容。到目前为止一切顺利，这完美无缺。我还想在单击导航链接到该链接的title属性时更改页面标题。这也有效。但最后我还想改变页面的URL！现在我真的不知道如何在不重新加载整个页面的情况下实现这一点。

这是我目前的代码： jQuery代码：

 $(document).ready(function() {
    $('nav ul li a').click(function() {
        $('nav ul li a.active').removeClass('active');
        $(this).addClass('active');
        $('.contentPage').fadeOut('fast');
        $('#sectionContainer').hide().load($(this).attr('href')).fadeIn('slow');
        $('title').text($(this).attr('title'));
        return false;
    });
});

但是如何在不重新加载整个页面的情况下更改当前URL（显示在地址栏中，哪些可以复制粘贴以及哪些重定向到正确的'页面'）？

我想要的另一件事是即使禁用JS也可以访问导航中的所有页面。你可能会说这已经发生了，对吧？好吧，不，不是真的。我加载的元素都是简单的html文件，但缺少任何正文，html，head。它们只包括一个部分;例如：

<section id="Pages2" class="contentPage">
    <h3>Portfolio</h3>
    <p>
        Vivamus turpis ligula, dignissim vel mollis id, vestibulum quis eros. Donec mi ligula, accumsan sed malesuada in, bibendum sit amet elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam eros quam, iaculis aliquet viverra a, adipiscing nec elit. Nulla facilisi. Quisque tincidunt bibendum eros, et porttitor leo commodo sed. Nullam non tempus nisi. Nulla turpis elit, suscipit id bibendum at, eleifend a lectus. Quisque est sapien, bibendum a pharetra sed, dictum eu neque. Morbi eget ipsum leo. Nam tincidunt fringilla nisi id congue.
    </p>
</section>
<!-- end Page2 -->

因此，当Javascript被禁用时，我只会进入一个完全黑白的默认页面布局。我不知道如何使它能够使加载的页面包含所有的css和菜单和页脚（因此当禁用JS时用户获得正常的布局）但是当页面嵌入{时{1}}它不会破坏布局（并且不包含额外的菜单和页脚等）。

对此有何想法？

Answer 1

IE目前尚未得到很好的支持，但您可以使用history.pushState()。

加载新的ajax内容时更改URL

1 个答案: