Question

我有一个包含4个元素的滑块，其中任何一个都有“control_tab”类。活动元素具有“活动”类。几秒钟后，滑块移动，下一个元素成为活动元素。然后它有“活跃”类;之前处于活动状态的前一个元素将失去“活动”类。

我需要知道元素何时成为活动元素。只要通过添加类“active”将任何元素变为活动元素，就会将活动元素的索引打印到控制台。

以下是示例代码：

<div id="controls">   
  <a href="#" class="control_tab">
    <span>A</span>
  </a>
  <a href="#" class="control_tab active">
    <span>B</span>
  </a>
  <a href="#" class="control_tab">
    <span>C</span>     
  </a>
  <a href="#" class="control_tab last">
    <span>D</span>    
  </a>    
</div>

对不起，如果这个消息有点混乱，我很想思考那些东西：p

感谢您的帮助。

R上。

Answer 1

如果您无法控制添加/删除active类的代码，那么当有一个与选择器匹配的DOM更改时，会有一个名为livequery的插件会为您激活代码

http://brandonaaron.net/code/livequery/docs

$('.active').livequery(function() {
    console.log($(this).index() + ' is now active');
});

当元素被删除（或不匹配）时，它也可以触发代码。

$('.active').livequery(function() {
    console.log($(this).index() + ' is now active');
}, function() {
    console.log($(this).index() + ' is no longer active');
});

jQuery - 捕获事件：当前元素具有特定的类，但不时地改变

1 个答案: