タブ選択でも取得する方法と、以前に選択したタブの代わりに現在のタブを取得する方法はありますか？

Question

私は、selectイベントにバインドするために、このスニペットを使用しています：

$("#myTabControl").tabs({ 
    select: function(event, ui){ 
    var selectedTabName = $("#myTabControl").find(".ui-tabs-selected").find("span").text(); 
    // Do stuff with the selected tab name. 
    } 
    ... 
}); 

問題は、私が以前に選択したタブの名前ではなく、現在選択されているものを取得しています...です。

後者を取得する方法についてのアドバイスはありますか？

注 - this questionは非常によく似ていますが、私はそれが十分に表現されているかどうかはわかりません（完全なdupかどうかはわかりません）。

Answer 1

select eventは、タブボタンをクリックすると発生します。その時点で、タブはまだ変更されていません。

あなたはshow eventを使用する必要があります。

paneSelector` `の値から来るん

$(paneSelector).tabs({ 
    show: function(e, ui) { 
     var selectedTabName = $(paneSelector).find(".ui-tabs-selected span").text(); 
    } 
}); 

DEMO