javascript - 如何在更改 CSS 类时运行 JS 函数

Question

我有一个像这样的 HTML:

<div class="tabbable">
  <ul class="nav nav-tabs">
    <li class=""><a href="#tab1" data-toggle="tab">Edit</a></li>
    <li class="active"><a href="#tab2" data-toggle="tab">Add</a></li>
    <li><a href="#tab3" data-toggle="tab">Details</a></li>
  </ul>
  <div class="tab-content">
    <div class="tab-pane" id="tab1">...</div>
    <div class="tab-pane active" id="tab2">...</div>
    <div class="tab-pane" id="tab3">...</div>
  </div>
</div>

基本上有标签。当用户点击一些 <li>元素，CSS 类 active正在添加到适当的 div元素。

所以我想在第一个选项卡处于事件状态时运行一个 JS 函数。我怎样才能做到这一点？谢谢。

Answer 1

只需将 onClick() 事件添加到您的每个 anchor 。这样，每当有人点击任何一个“导航标签”时，它都会触发 javascript 事件:

例如:

<li class="active"><a href="#tab2" data-toggle="tab" onClick="runThisFunction()">Add</a></li>