确定更改前处于活动状态的LI

Question

我有一系列的引导程序选项卡，并且在更改选项卡时需要触发一个事件。

选项卡式界面的基础对象是UL，每个选项卡是一个LI。

当用户选择其他选项卡（li）时，我需要触发一个事件，该事件将需要确定当用户选择新选项卡时处于活动状态的选项卡。

我本来是在考虑用户选择选项卡时设置的全局标志，然后在选项卡更改时触发该事件，并使用新的选择更新全局标志...但是我希望有一个更好的选择确定更改前处于活动状态的选项卡的方法。

Answer 1

您可以为此使用hide.bs.tab事件。该选项卡将要隐藏时会发生这种情况。

代码段

$('a[data-toggle="tab"]').on('hide.bs.tab', function (e) {
  var target = $(e.target).attr("href"); // The tab that was active!
  alert(target);
});

示例： https://codepen.io/alexgill/pen/ZjxXEE

Answer 2

答案是使用event.relatedTarget获取先前选择的LI