2012-05-07 36 views
1

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

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

编辑:http://fogest.net16.net/righttoweb/ < < <有该网站的链接。看看这些标签。我将如何链接到其中一个选项卡的页面?

回答

3

将锚点添加到您的URL的末尾,即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... 
} 

希望这是有道理

+0

的联系已经有锚或我猜的ID不管出于什么原因,他们不工作而已。例如检查按钮链接到什么。这是“欢迎使用”按钮的代码。“

  • Welcome
  • '非活动外观如下:'
  • About
  • '。如果我点击的链接正在使用ID,那么为什么我不能使用ID来手动链接到它们? (如果您想要整个代码,我可以通过电子邮件发送给您或其他东西) – ComputerLocus

    +0

    切换制表符时,您的URL当前不会更新。这个班只是为了它的样子。切换标签时,您需要使用Javascript代码才能更新网址。你还需要在document.load上使用另一个Javascript代码来获取网址_anchor_,并根据该代码选择合适的选项卡 –

    +0

    我想这就是为什么使用模板可能不好。我从中学到了很多东西,但我不知道我是如何做到这一点的。它要求很多,但是你可以用一些代码编辑你的答案。当然你没有我的代码,所以你不知道你需要做什么来实现它,但只是一点点的东西会很棒! – ComputerLocus

    相关问题