JqueryのUIタブ：イベントの開始を助ける

Question

JqueryのUIタブ（1.7）のドキュメントを読んだことがあります.Jqueryのタブでは、特定のタブがクリックされます。

私は基本的なタブが機能しているので、特定のタブが選択されているときに、テキストボックスに焦点を合わせるだけです。

あなたが経由で選択イベントを処理するUIドキュメントの状態：

$('.selector').tabs({ 
    select: function(event, ui) { ... } 
}); 

私が何を上記した手段を正確にはわかりません。私はいくつかの他の例をここではstackoverflow、具体的にはexampleで読んだ。残念ながら、デモは提供された回答では機能しません。作成とPHPを使用して、特定のタブを選択するための

私の現在のコードは次のとおりです。正常に動作します

$("#tabs").tabs(); 
$("#tabs").tabs('option', 'selected', <?php echo $tabID-1; ?>); 

。 I第四タブが選択されたときのための機能を追加したいと思い、私は、テキストボックスにフォーカスを設定する、に似何か：

$('#subject').focus(); 

Answer 1

何をすると、$を与えることです（「セレクタ。」）。 tabs（）は連想配列を機能させます（JavaScriptでは単にオブジェクトと呼ばれます）。 JavaScriptは変数を非常に広範囲に割り当てることができるという事実を利用していることが重要です。私はあなたの提案を実施し

var tab_select_function = function(event, ui) 
{ 
    // Objects available in the function context: 
    // ui.tab  // anchor element of the selected (clicked) tab 
    // ui.panel // element, that contains the selected/clicked tab contents 
    // ui.index // zero-based index of the selected (clicked) tab 
    alert("Tab with index " + ui.index + " clicked!"); 
}; 

$('#tabs').tabs({ 
    select: tab_select_function 
});