jquery - 两级选项卡 jquery 链接

标签 jquery tabs hyperlink

我需要创建一个链接以转到第二级选项卡(例如,直接访问选项卡“”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/

最佳答案

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

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

关于jquery - 两级选项卡 jquery 链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8333079/

相关文章:

jquery获取select的值

javascript - jQuery 动画在 Firefox 的 IE 中不起作用?

css - 将鼠标悬停在 div 上时更改文本颜色

iPhone、CGPDF文档 - PDF 链接

javascript - 使用 JavaScript 调用 SOAP 服务

javascript - 当存在多个选择框时,jquery select2 选项冲突

android - 如何为选项卡 TabWidget 添加父对齐?

java - 如何使用 viewpager(android) 创建动态选项卡?

php - 在 symfony 上使用 url_for 和 link_to 确定协议(protocol)