jquery - 当列表元素变为活动状态时执行代码

Question

我有以下 HTML：

<ul class="tabs">
   <li id="taba" class="active"><a href="#a">A</a></li>
   <li><a id="tabb" href="#b">B</a></li>
   <li><a id="tabc" href="#c">C</a></li>
   <li><a id="tabd" href="#d">D</a></li>
</ul>

其中一个列表元素li处于活动状态。HTML 代表一组选项卡。

我想在用户切换选项卡时执行一些 jquery 代码，即当class="active"从一个更改li到另一个时。

你怎么做到这一点？

Answer 1

在引导选项卡文档中，您将找到以下代码片段

$('#tabs').bind('change', function (e) {
  e.target        // activated tab
  e.relatedTarget // previous tab
});