javascript - 如何链接到我网站上的 "tab"

Question

我在我的网站上制作了标签。我所说的选项卡是指导航链接，而不是加载新页面，而是使用一些 java 脚本和 css 来切换到另一个包含更多内容的选项卡。我想知道这样做后如何链接到特定页面？

我的代码与此类似: Using jquery easyui, how to create a tab by a link which is in a tab?

编辑:http://fogest.net16.net/righttoweb/ <<< 有指向该站点的链接。查看选项卡。我如何链接到这些选项卡之一的页面？

Answer 1

在您的 URL 末尾添加 anchor ，即 http://URL/righttoweb#about 和 $(document).ready() 代码块向上定位并使用哈希表找出需要选择的选项卡。

还要确保当用户单击您的选项卡时，您也会更新顶部栏中的 anchor ，以便在用户决定将 URL 加入书签或将其发送给其他人时保留选择的选项卡

编辑:

好吧，每当用户点击您的其中一个选项卡时，您需要使用 onClick 事件更改页面的导航历史记录，例如:

window.history.pushState("object or string", "Some Title", "#tab" + tabname);

这将使后退/前进按钮起作用

然后每次页面加载时你都需要

$(document).ready(function() {
    if(window.location.href.indexOf('#'))
        updateTab(location.hash);
});

function updateTab(tabname) {
    your logic to update tab...
}

希望这是有道理的