2016-09-26 36 views
1

我有一個函數,在懸停,向類添加一個類。懸停功能,做到這一點,如果X有課,做到這一點

我想只有當另一個div有特定的類時纔會發生這種情況。

到目前爲止,我想這一點沒有任何結果:

$('.title-overlay').hover(

    function(){ 


    $(this).addClass('title-hover'), 

    }, 

    function(){ 
    if($('.wmg-container3').hasClass('open')){ 
    $(this).removeClass('title-hover'), 
} 
} 
) 

正如你所看到的,我想這個類添加title-hover,但如果wmg-container3有類open,這個類應該被刪除。

(這一切都在徘徊類標題疊加)

感謝您的所有幫助傢伙!

回答

5

像這樣的東西?

$('.title-overlay').hover(function(){ 

    if($('.wmg-container3').hasClass('open')){ 
     $(this).removeClass('title-hover') 
    }else{ 
     $(this).addClass('title-hover') 
    } 
}) 
+0

跟進,在你的'handlerOut'回調,你可能想調用'$ .removeClass(「稱號懸停」 )'不管'.wmg-container3''元素是否具有公開類,因爲'$ .removeClass'只會刪除類,如果它存在的話,否則什麼都不做 – Bwolfing

+0

@Bwolfing好說 – noitse

0

如果我理解正確你想以下幾點:

  • title-overlay類中的所有元素要重視發揮懸停
  • 現在,當你將鼠標懸停在他們應該尋找公開課第一
  • 如果元素wmg-container3擁有類open,則從中刪除標題懸停類
  • apply title-hover cl個屁當前元素

如果上面的邏輯是正確的,那麼代碼是

$('.title-overlay').hover(function(){ 
     $('.wmg-container3').hasClass('open').removeClass('title-hover'); 
     $(this).addClass('title-hover'); 
}); 
相關問題