イベントハンドラでアクティブクラスの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>

はVARテスト= jQueryの（ 'ホバー'） `でこの