两级选项卡jquery链接

时间:2011-11-30 21:20:23

标签: jquery tabs hyperlink

我需要做一个链接转到第二级选项卡(例如,直接访问选项卡“”直接访问1(在我的jsfindle“”“)

对于第一级,我知道我需要这样做:

 http://aaa.com/index.php#tabs-1

但是,我如何为我的第二级标签做?我尝试http://aaa.com/index.php#tabs-1#tabs2-1但它不起作用....是否可以使用链接执行此操作或者我需要使用一些jquery?谢谢!

我的傻瓜 http://jsfiddle.net/a234j/

1 个答案:

答案 0 :(得分:2)

您需要做一些自定义逻辑。哈希路径通常看起来像这样:

aaa.com/index.php /#/选项卡-1 /选项卡-2

然后,当你执行location.hash时,你需要拆分它:

var hashPath = location.hash.split('/'); //skip the first element, it'll be '#'.
var firstLevel = hashPath[1];
var secondLevel = hashPath[2];

哦,我不认为jQuery标签插件对此有本机支持,因此您必须手动告诉它您想要激活哪个标签。

以下是如何手动切换标签的示例:http://jqueryui.com/demos/tabs/#...select_a_tab_from_a_text_link_instead_of_clicking_a_tab_itself