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

我在一个使用此特定jQuery选项卡界面的网站上工作：

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

任何帮助都将不胜感激

---

Ondrej

jQuery UI选项卡小部件有一个：

因此，您可以在选项卡容器上插入一个调用该方法的链接

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

---

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

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

例如，如果要链接到第二个选项卡，请使用以下选项：

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

点击它

---

请注意，eq（）以0开头。例如，等式（4）选择第五个选项卡。

就像一个符咒！我只添加了a href=“javascript:；”，因为缺少指针光标。然而，有一个小问题——我刚刚意识到，该站点在“tabMenu”下使用了两个单独的选项卡界面。这意味着，如果我单击链接，它会按预期将我带到第四个选项卡，但它也会取消选择第二个选项卡界面上的默认选定选项卡。最好的解决方案可能是将第二个选项卡菜单放在“tabMenu2”下，或者我弄错了吗？没错。请注意，您为两个元素指定了一个id。这不是很好。每个id都应该是唯一的。如果将其更改为tabMenu2，则

tabMenu

的CSS样式将不适用。您可以通过使用类而不是id来解决此问题。类不必是唯一的。它非常简单：使用

class=“tabMenu”

代替

id=“tabMenu”

，使用

.tabMenu

代替

\tabMenu

。这样，您就不必复制/粘贴/复制代码。您可以分配id和类。现在可能很难，但我相信你会自己发现它是如何工作的。嗯，这个页面不是我的项目，我只是被要求制作一些内部选项卡链接。我知道id和类是如何工作的：）但是，我将第二个接口id更改为tabMenu2，因为类中存在一些无法预见的问题，额外的1kB不值得花时间。当然——非常感谢您的帮助！：）是的，原来的一个具有此功能，说明中也对其进行了说明，但此选项卡系统没有为li分配锚定，因此无法工作。