.tabsの外のjQuery UIのタブアクセスui.tab（）

Question

私はAjaxのコンテンツをロードするjQueryのUIのタブを使用していますし、私が取得する方法を思ったんだけど：

$.data(ui.tab, 'load.tabs'); 

.tabsの外（）

は、実際に私はそう：

$("#boards").tabs({ 
    select : function(event, ui) { 
       $.data(ui.tab, 'load.tabs'); 
    }, 
}); 

しかし、私は可能です）.tabs（のui.tab外にアクセスしたいですか？どうやって？

Answer 1

その内部に設定したselect関数以外の変数を使用できます。しかし、絶対に必要な場合を除き、これはグローバル変数であってはなりません。 select関数は、その変数にアクセスする前に少なくとも1回は呼び出されていなければならないことに注意してください（関数内に設定されているため）。

/* This is not recommended to be a global context */ 

var myUiTabVariable; 
$("#boards").tabs({ 
    select : function(event, ui) { 
     myUiTabVariable = ui.tab; 
     MyFunction(); 
    } 
}); 

function MyFunction() { 
    //Here you can use the ui.tab varible outside of the select function 
    console.log(myUiTabVariable); 
} 

もう一度、 select機能が少なくとも一度呼び出されていない限り、あなたは MyFunctionを呼ぶべきではないことに注意してください：このようなものになるでしょう 。それ以外の場合は myUiTabVariableは未定義です。