使用jQuery在懸停狀態下更改當前圖像

Question

我在我的新網站上展示了我正在構建的這一時刻。當將鼠標懸停在展示圖像上時，我想給它一些jQuery效果。我將目前的項目懸停在額外的課程上。然後，我給懸停類中的另一個課程下滑動作。在下面查看我的代碼。

$(".itemContainer").hover(
    function() { 
    $(this).addClass('itemHover'); 
    }, 
    function() { 
    $(this).removeClass('itemHover'); 
    } 
); 

$('.image-hover-over').mouseover(
    function() { 
    $('.itemHover .image-hover-bg').slideDown(); 
    } 
); 

問題是，在第二次mouseover，似乎他不認識.itemHover呢。因爲當我做下面的工作，但所有的項目。

$('.image-hover-bg').slideDown(); 

之後，它似乎與.itemHover也行，但第一次沒有和我嘗試了很多，並在網上搜索，但沒有得到任何有用的提示。

任何人都可以告訴我如何給我的項目我徘徊一些效果？

Answer 1

您應該在hover（）處理程序中執行slideDown（）。您不必爲mouseover定義處理程序。