どのようにデフォルトのJQuery UIタブを最初に開いたかを設定します。

Question

JQuery UIタブを使用する大きなWebアプリケーションがあります。中央のJSファイルでは、すべてのタブを設定しました。

$("#tabs").tabs;

しかし、私は最初よりも別のタブを選択している必要がある1つのページにを使用して

。

私は

$("#tabs").{ selected: add });

そのタブがすでに設定されているためか、動作していない（タブの名前は#addである）を使用している場合。

タブが既にオンになっている場合、誰かが最初のタブ以外のタブを開く方法を知っていますか（デフォルト状態 - ページの読み込み後） ？

私はあなたが理解することを願っています、私の英語はかなりひどいです。

Answer 1

、私はアンドリューからの仕事に例を得ることができませんでした。

代わりに私のために働いたものを、Rionmonsterの第二の例hereのおかげでした：

var index = $('#tabs li a').index($('a[href="#add"]').get(0)); 
$('#tabs').tabs({selected: index}); 

あなたがtabs()を呼び出すときに「選択」オプションとして、ゼロベースのインデックスを渡す必要があります。上のコードの最初の行は、あなたがすでにそれを知らない場合は、 "＃add"のタブの0から始まるインデックスを取得します。

Answer 2

用途：indexを選択したいタブの0から始まるインデックス、または開きたいタブを指定するセレクタである

$("#tabs").tabs("select", index)

。だからあなたの場合：古い質問を復活

$("#tabs").tabs("select", "#add");

Answer 3

私はこの1つの古いものを知っているが、私はあなたが書いたコードのエラーに気づいた：これは

$("#tabs").tabs({ selected: add }); 

また、selectedオプションはjQueryのUI 1.9で廃止されるべきである

$("#tabs").{ selected: add }); 

を示されているようにhere。 activeオプションをお勧めします。here

いずれの場合でも、開こうとするタブのインデックスを使用してください。hrefの値ではありません。すなわち、あなたは第三のタブを使用

$("#tabs").tabs({ selected: 2 }); 

または

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

チェックthis fiddle