Javascript 用Url中的哈希值重新加载页面（F5）

如何在

url

中保持

hash

值，并在刷新页面后保持选项卡或

div

打开。以下是我的示例代码：

$（文档）.ready（函数（）{
jQuery（函数（$）{
showTab（location.hash | |“userView”）；
$（“#导航a”）。单击（函数（）{
var hash=this.getAttribute（“href”）；
if（hash.substring（0，1）==“#”）{
hash=hash.substring（1）；
}
window.location.hash=散列；
showTab（散列）；
返回false；
});
函数showTab（散列）{
$（“.displayUsers”）.hide（）；
开关（散列）{
案例“userView”：ViewUsers（）；break；
案例“userLogs”：userLogs（）；break；
案例“addUser”：addUser（）；break；
}
}
});
});

•

•

•

您最好在
showTab
函数中解析
hash
。主要问题是，您正在发送
散列
或
用户视图
，但那里的
散列
一开始就有
。您可以单击
onClick
解析它，但不解析
onload
。因此，我将解析代码移动到
showTab
函数中

showTab(location.hash || "userView");
$("#nav a").click(function() {
    var hash = this.getAttribute("href");
    showTab(hash);
    return false;
});

function showTab(hash) {

    if (hash.substring(0, 1) === "#") {
        hash = hash.substring(1);
    }
    window.location.hash = hash;
    $(".displayUsers").hide();
    switch (hash) {
        case "userView":
            ViewUsers();
            break;
        case "userLogs":
            UserLogs();
            break;
        case "addUser":
            AddUser();
            break;
    }
}

function ViewUsers() {
    $("#userView").show();
}

function UserLogs() {
    $("#userLogs").show();
}

function AddUser() {
    $("#addUser").show();
}

工作小提琴