0

最近のバージョンのjQueryUIで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 に答える