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>

リスト要素の 1 つliがアクティブな場合。HTML は一連のタブを表します。

class="active"ユーザーがタブを切り替えたとき、つまりあるタブから別のタブに変更したときに、jquery コードを実行したいと考えていますli。

これどうやってやるの？

Answer 1

ブートストラップ タブのドキュメントには、次のコード スニペットがあります。

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