0

如何在最新版本的 jQuery UI 中按 id 选择选项卡？我曾经这样做：

$(mytabs).tabs("select", "#tab_contents");

即使隐藏了一些选项卡，它也能正常工作。现在我升级了 jQuery UI，上面的代码不再工作了。我尝试在此站点上遵循其他一些建议，并最终得到以下结果：

$(mytabs).tabs("option", "active", $(mytabs).find("li").index("#tab_header"));

它不仅更冗长，而且没有选择正确的选项卡，因为其中一些是隐藏的。如何做呢？

PS为了隐藏一些标签，我使用了$("#tab_header").hide(). 这在最近的版本中仍然正确，还是有更好的方法？

4

2 回答 2

3

找到了解决方案：

$(mytabs).tabs("option", "active", $("#tab_header").index());

这会选择正确的选项卡，无论哪些选项卡可见（甚至可以选择当前不可见的选项卡 - 显示内容，但不显示标题）。

于 2013-02-07T13:51:47.900 回答
0 
<div id="tabs">
    <ul>
       <li id="ha"><a href="#a">A</a></li>
       <li id="hb"><a href="#b">B</a></li>
       <li id="hc"><a href="#c">C</a></li>
       <li id="hd"><a href="#d">D</a></li>
       <li id="he"><a href="#e">E</a></li>
   </ul>
  <div id="a">AAA</div>
  <div id="b">BBB</div>
  <div id="c">CCC</div>
  <div id="d">DDD</div>
  <div id="e">EEE</div>
</div>

.index从 开始0，

$(mytabs).tabs("option", "active", $("#ha").index());

但是如果你使用#a而不是#ha像这样使用

$(mytabs).tabs("option", "active", $("#a").index()-1);
于 2013-02-27T19:29:54.290 回答