webdevqa.jp.net

JqueryUIでデフォルトのタブを設定する方法

私はJqueryとJqueryUIを次のように使用しています:

$(document).ready(function() {
    $('#tabvanilla > ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } });
});

現在、最初のタブは、ドキュメントの読み込み時に選択されるデフォルトのタブとして自動的に設定されます。これをオーバーライドして、ページの読み込み時に2番目のタブをデフォルトで選択されたタブにするにはどうすればよいですか?

13
Lee McAlilly
$('#tabvanilla > ul').tabs({ selected: 1 });

仕様ページ の詳細。

39
Mark Hurd

jQuery UI >= 1.9を使用している場合、次のように機能します。

$(".selector" ).tabs({ active: 2 });

Tabs Widget APIページの詳細: http://api.jqueryui.com/tabs/#option-active

26

私はいくつかの状況で好ましいかもしれないこの代替ソリューションを見つけました: http://www.markhneedham.com/blog/2010/09/08/jquery-ui-tabs-changing-selected-tab/

2
Elemental