如何从 jQuery 选项卡链接到另一个选项卡？（特定的 jQuery 选项卡式界面）答案

【问题标题】：How to link from a jQuery tab to another tab? (specific jQuery Tabbed Interface)如何从 jQuery 选项卡链接到另一个选项卡？（特定的 jQuery 选项卡式界面）
【发布时间】：2012-04-21 15:53:33
【问题描述】：

我正在开发一个使用此特定 jQuery 选项卡界面的网站：

http://www.queness.com/post/106/jquery-tabbed-interfacetabbed-structure-menu-tutorial

我被要求在选项卡 1 上创建一个链接，例如打开选项卡 4（它的行为必须与我直接单击选项卡 4 一样，因此无需重新加载页面）。我已经尝试了我能想到的一切。我还搜索了几个小时的解决方案或提示，但我发现的所有内容都不适用于此标签系统。

任何帮助将不胜感激。

翁德瑞

【问题讨论】：

标签： jquery hyperlink tabs linker internal

【解决方案1】：

关于您的代码的最简单方法是：

$('#tabMenu li').eq(2).click()

例如，如果你想链接到第二个标签，使用这个：

<a onclick="$('#tabMenu li').eq(2).click()">Click it</a>

注意 eq() 以 0 开头。例如 eq(4) 选择第五个选项卡。

【讨论】：

像魅力一样工作！我只添加了一个 href="javascript:;"，因为缺少指针光标。但是，有一个小问题——我刚刚意识到，该站点在“tabMenu”下使用了两个单独的选项卡界面。这意味着，如果我单击该链接，它会将我带到应有的第四个选项卡，但它也会取消选择第二个选项卡界面上的默认选定选项卡。最好的解决方案可能是将第二个选项卡菜单放在“tabMenu2”下，还是我弄错了？
没错。请注意，您为两个元素分配了一个 id。这不是很好。每个 id 都应该是唯一的。如果将其更改为 tabMenu2，tabMenu 的 CSS 样式将不适用。您可以通过使用类而不是 id 来解决此问题。类不必是唯一的。这很简单：你使用class="tabMenu" 代替id="tabMenu"，使用.tabMenu 代替#tabMenu。这样您就不必复制/粘贴/复制您的代码。您可以分配 id 和类。现在可能很难，但我相信你会发现它是如何工作的。
嗯，这个页面不是我的项目，我只是被要求做一些内部标签链接。我知道 id 和 classes 是如何工作的 :) 但是，我将第二个接口 id 更改为 tabMenu2，因为这些类存在一些无法预料的问题，而且额外的 1kB 不值得花时间。当然 - 非常感谢您的帮助！ :)

【解决方案2】：

jQuery UI Tab Widget 有一个select method:

这样你就可以在标签容器上插入一个调用该方法的链接

<a href="#" onclick="$('#myDiv').tabs('select',2)">Switch Tab</a>

【讨论】：

是的，原来的有这个功能，说明里也有说明，但是这个tab系统没有给li分配anchors，所以不起作用。