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

Question

我目前正在 build 的新网站上有一个展示柜。当将鼠标悬停在展示柜中的图像上时，我想给它一些 jQuery 效果。我将鼠标悬停在一个额外的类上的当前元素。然后我给悬停类中的另一个类提供向下滑动的 Action 。在下面查看我的代码。

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