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

请试试这个。它会工作。

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

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

});

Answer 2

只需将onClick（）事件添加到每个锚点即可。这样，每当有人点击任何一个“nav-tabs”时，它就会触发javascript事件：

e.g：

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

Answer 3

仅在用户事件上，您可以检查该类是否已添加到特定div 如果您使用angular.js，还有其他方法，如果您想使用Java Script / Jquery编写，则无法执行此操作。

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

3 个答案: