1

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

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

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

4

1 回答 1

4

将锚点添加到 URL 的末尾，即http://URL/righttoweb#about在$(document).ready()代码块中选择锚点并使用哈希表确定需要选择的选项卡。

还要确保当用户单击您的标签时，您也会更新顶部栏中的锚点，以便在用户决定为 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...
}

希望这是有道理的

于 2012-05-08T01:57:26.970 回答