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

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更改为另一个{{1}}时。

你是怎么做到的？

Answer 1

在bootstrap tab documentation中找到以下代码段

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