javascript - 创建一个带有持久标签的网页

Question

我正在尝试创建一个在同一页面上有多个选项卡的网页。我需要这些选项卡通过刷新持续存在，并能够将用户重定向到具有特定选项卡的页面。目前，我只是为每个选项卡使用 JavaScript 和不同的 div，隐藏所有选项卡然后显示所选选项卡。但是，在刷新或定向到页面时，第一个选项卡始终是打开的。

我见过带有使用以下格式的标签页的 URL:

http://www.website.com/profile.php#tab

如果这是一种持续对网页进行标签化的可接受方法，那么这是如何完成的？如果这只是我的错误观察，我将如何制作这些持久性标签？

Answer 1

有许多框架提供这种基于“散列”的导航，或者您可以使用 jQuery hashchange 插件或使用 Backbone.js 自己实现一些东西路由器类。

你甚至可以自己实现一些东西:

var myTabClicked = function() {
    // display mytab
};

$('.mytab').bind('click', myTabClicked);

$(function() {
    if (window.location.hash == "#mytab") {
        myTabClicked();
    } else {
        // display default tab unless already displayed by default
    }
});