3

jQuery UIタブを使用しています：http： //api.jqueryui.com/tabs/

クリックしたときに特定のタブをアクティブにしたときに、タブの外側にあるページにリンクを作成するにはどうすればよいですか？ありがとう

4

5 に答える 5

8

http://api.jqueryui.com/tabs/#option-activeを参照してください

現在アクティブなタブインデックスを取得するには：

var currentActive = $( ".selector" ).tabs( "option", "active" );

現在アクティブなタブを設定するには：

$( ".selector" ).tabs( "option", "active", <number of tab> );

例えば：

$('a').click(function(){
         $( ".tabs" ).tabs( "option", "active", 2 );
});
于 2013-03-26T15:42:48.883 に答える
2

IE10では、オプション「アクティブ」は機能しません。「アクティブ」オプション「選択済み」の代わりに使用します。

$( ".selector" ).tabs( "option", "selected", <number of tab> );
于 2013-10-01T07:04:48.370 に答える
1

私は@Secatorの答えを正しいとマークしました。これは、ドキュメントからわかるように正しいです。ただし、何らかの理由で機能しなかったため、代わりに「手動で」タブのクリックをシミュレートしました。

        $("#myTrigger").click(function(e) {
              $("#id-of-normal-tab-link").click();
              e.preventDefault(); //prevent default behavior of the a#myTrigger 
        });
于 2013-03-26T16:09:43.670 に答える
1 
$( "#tabs" ).tabs({ active: tabNumber });

tabNumberは0から始まります

于 2014-04-10T07:30:48.510 に答える
0

これを試して：

<li ....> 
     <a href="#tab-number">Tab Title</a>
</li>

URLは次のようになります： "[URL]＃tab-number"

お役に立てば幸いです。よろしくお願いします。

于 2014-08-28T18:56:52.933 に答える