Javascript 更改CSS类时如何运行JS函数

我有一个类似于：

<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>

...
...
...

基本上有标签。当用户单击某些

元素时，CSS类

活动的

将被添加到相应的

div

元素中

---

所以我想在第一个选项卡处于活动状态时运行JS函数。我该怎么做？谢谢。请试试这个。它会起作用的

$("li").click(function(){

  if($(this).hasClass('active'))
  {
    alert("hii");
  }

});

只需将onClick（）事件添加到每个锚点。这样，每当有人单击任何一个“导航选项卡”时，就会触发javascript事件：

e、 g:

关于用户事件，只有您可以检查类是否添加到特定的div中

---

如果您使用angular.js，还有其他方法，如果您想使用Java脚本/Jquery编写，您不能这样做。

什么改变了类，类本身不会改变？如何将类添加到div？将调用的函数，它会做什么？也许有更好的方法来实现该操作，如果我们讨论的是隐藏和显示等样式更改，可能是使用css。只将单击事件侦听器分配给第一个选项卡有什么错？我认为没有“onclasschange”事件，但必须有添加该类的JavaScript。因此，您所需要做的就是找到添加类的代码，并在该位置执行您的代码。您甚至可以在那里触发自己的事件来分离代码，但这可能会使事情变得复杂。如有兴趣，请参阅

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