使用事件处理程序在活动类上调用jquery函数

Question

当轮播幻灯片上的类active时，我试图调用将类hover添加到事件链接的函数。 活动类在每个项目上进行迭代，以打开和关闭。 但是，我选择的事件处理程序on()不会触发函数发生。 项目处于活动状态时如何添加课程？

<div class="carousel">
    <div class="item"><a id="link1"></a></div>
    <div class="item"><a id="link2"></a></div>
    <div class="item active"><a id="link3"></a></div>
</div>


// if slide active, add class hover to the link
var test = jQuery('.hover');
function linkHover(){
  if(jQuery('.item.active').length != 0){
  jQuery('#link3').addClass('hover');
  }
};

jQuery(test).on( 'trigger', linkHover );

Answer 1

我认为您使这项工作变得更加困难。 应该有一个调用此功能以切换圆盘传送带上的幻灯片的功能。 在该函数内部只需添加：

$('.item').each(function() {
  $(this).removeClass('hover');
  $('.item.active').addClass('hover');
});

Answer 2

 // if slide active, add class hover to the link var test = $('.active'); function linkHover(){ if($('.item.active').length != 0){ $('#link3').addClass('hover'); } }; linkHover(); 

 .hover{color:red} 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="carousel"> <div class="item"><a id="link1"></a></div> <div class="item"><a id="link2"></a></div> <div class="item active"><a id="link3">1</a></div> </div> 

这样尝试