私はJqueryとJqueryUIを次のように使用しています:
$(document).ready(function() {
$('#tabvanilla > ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } });
});
現在、最初のタブは、ドキュメントの読み込み時に選択されるデフォルトのタブとして自動的に設定されます。これをオーバーライドして、ページの読み込み時に2番目のタブをデフォルトで選択されたタブにするにはどうすればよいですか?
$('#tabvanilla > ul').tabs({ selected: 1 });
仕様ページ の詳細。
jQuery UI >= 1.9
を使用している場合、次のように機能します。
$(".selector" ).tabs({ active: 2 });
Tabs Widget APIページの詳細: http://api.jqueryui.com/tabs/#option-active
私はいくつかの状況で好ましいかもしれないこの代替ソリューションを見つけました: http://www.markhneedham.com/blog/2010/09/08/jquery-ui-tabs-changing-selected-tab/