Question

所以我有一个网站将页面加载到容器div：

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

以及执行它的链接

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

我的问题是每当刷新页面时，加载的内容都会重置为默认页面（page / home.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;
});

jQuery .load：刷新页面时加载同一页面的任何方法

2 个答案: