jquery - 使用 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() 。您不必为鼠标悬停定义处理程序。