使用jQuery在悬停时更改当前图像

Question

我在我的新网站上展示了我目前正在建设的网站。将鼠标悬停在展示区的图像上时，我想给它一些jQuery效果。我把当前项目放在一个额外的课程上。然后我在悬停类中给另一个类滑动下来的动作。查看下面的代码。

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

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

问题在于，在第二次鼠标悬停时，似乎他还没有识别出.itemHover。因为当我执行以下操作时，它适用于所有项目。

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

之后它似乎也与.itemHover一起工作，但是第一次它没有，我尝试了很多并搜索了网络，但没有得到任何有用的提示。

有谁能告诉我如何才能给出我正在徘徊的项目？

Answer 1

你应该在hover（）处理程序中执行slideDown（）。您不必为鼠标悬停定义处理程序。