Как добиться даже выбора вкладки и получить текущую, а не ранее выбранную вкладку?

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.
  }
  ...
});

Проблема в том, что ... Я получаю название ранее выбранной вкладки, а не ту, которая выбирается в данный момент.

Любой совет, как получить последний?

Примечание - этот вопрос либо очень похож, либо дублирует ... но я не уверен, что он сформулирован достаточно хорошо (я даже не уверен, является ли это полным дуплом или нет).

Answer 1

Событие select запускается при нажатии кнопки вкладки.На данный момент вкладка еще не изменилась.

Вы должны использовать show event :

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

DEMO