如何获得选项卡选项，并获取当前而不是以前选择的选项卡？

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要么非常相似，要么是重复...但我不确定它的措辞是否足够好（我甚至不确定它是否完全重复）。

Answer 1

单击选项卡按钮时会触发select event。此时，标签尚未更改。

您应该使用show event：

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

<强> DEMO