如何平衡选项卡选择，并获取当前而不是先前选择的选项卡？

Question

我使用此代码片段绑定选择事件：

$("#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 事件：

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

演示