如何链接到我网站上的“标签”

时间:2012-05-07 21:47:40

标签: javascript html css tabs hyperlink

我在我的网站上做了标签。通过选项卡我的意思是导航链接,而不是加载新页面使用一些java脚本和CSS只是切换到包含更多内容的另一个选项卡。我想知道如果像这样完成,我将如何能够链接到特定页面?

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

修改:http://fogest.net16.net/righttoweb/<<<该网站有一个链接。看看标签。我如何链接到其中一个标签的页面?

1 个答案:

答案 0 :(得分:4)

在网址末尾添加锚点,即http://URL/righttoweb#about$(document).ready()代码块选取锚点,并使用哈希表找出需要选择的标签。

另外,请确保当用户点击您的标签页时,您也会更新顶部栏中的锚点,以便在用户决定为该网址添加书签或将其发送给其他人时保留选中的标签

编辑:

每次用户点击其中一个标签时,使用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...
}

希望这是有道理的