jquery - 两级选项卡 jquery 链接

Question

我需要创建一个链接以转到第二级选项卡(例如，直接访问选项卡“”direct acces 1(在我的 jsfindle 中“””)

对于第一个级别，我知道我需要这样做:

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

但是，我该如何处理第二级选项卡呢？我尝试http://aaa.com/index.php#tabs-1#tabs2-1但它不起作用......是否可以通过链接来做到这一点，或者我需要使用一些 jquery ？谢谢!

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

Answer 1

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

aaa.com/index.php/#/tabs-1/tabs-2

然后，当您执行 location.hash 时，您需要将其拆分:

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

哦，我认为 jQuery 选项卡插件对此没有 native 支持，因此您必须手动告诉它您想要激活哪个选项卡。

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