使用事件處理程序在活動類上調用jquery函數

我試圖調用函數以將類hover添加到事件上的鏈接上，當傳送帶幻燈片具有類active時。活動類遍歷每個項目，切換打開和關閉。但是，我選擇on()的事件處理程序不會觸發發生的功能。如何在項目處於活動狀態時添加課程？使用事件處理程序在活動類上調用jquery函數

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

來源

2016-11-08 alt-rock

;''你在jQuery''的jQuery（測試）.on（'trigger'，linkHover）;'不需要'jQuery' – guradio

觸發器處理程序永遠不會被調用，因爲最初沒有附加類「hover」的元素。 – elfan

將「活動」類添加到幻燈片的事件是什麼？如果你有權訪問，你可以在那裏設置「懸停」類。沒有可以聽到的「觸發」事件。 – H77

我認爲你做這件事比它需要的更困難。應該有一個被調用的功能來切換傳送帶上的幻燈片。內部的功能只需添加：

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

來源

2016-11-08 03:21:51

// 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的（ '徘徊'）

來源

2016-11-08 03:26:16 guradio

使用事件處理程序在活動類上調用jquery函數

回答

相關問題