jQuery .load:刷新页面时加载相同页面的任何方式

Question

因此，我有一个将页面加载到容器div的网站：

function goto(addr) {
    $("#content").load(addr);
}

和一个执行它的链接

<a href="#" id="aboutus" onclick="goto('page/aboutus.php');">About us</a>

我的问题是，每当刷新页面时，加载的内容就会重置到默认页面( page / page .php)。如何才能使它加载上一个显示的页面？

Answer 1

例如，使用本地存储。本地存储示例：

$(document).ready(function() {

    var lastPage = localStorage['lastPage'];
    if (!lastPage) { // If user was on any url before we will exectue goto function
        goto(lastPage)
    }

    function goto(addr) {
         localStorage['lastPage'] = addr; // Set url to local storage before load page
         $("#content").load(addr);
    }

});

Answer 2

不仅是localStore，而且您需要更改url的散列，然后执行一个函数来捕获哈希代码并在您的"goto“函数处执行.

“差不多”

function hashnav(){
   var hashfull = document.location.hash
   var hash = hashfull.replace('#', '');
   var $page = '';
   goto(hash);
}
function changeHash($hash) {
   window.location.hash = $hash;
}

function goto(addr) {
   changeHash(addr);
}

$(window).bind( 'hashchange', function() {
   hashnav();
   return false;
});