jQuery向上滑动不按预期工作

Question

我正在尝试创建一个简单的向上滑动jquery函数，以便当访问者在div上方悬停时，添加到购物车选项会向上滑动。这就是我到目前为止所拥有的

$(".archive").hover(function () {
  $(".addtocart").slideToggle("fast");
});

http://jsfiddle.net/E9Bh6/

我的问题是......

• 所有div都会受到影响而不是单独影响，因此如果我将鼠标悬停在一个div上，则会在所有div上滑动添加到购物车的消息
• div滑落，我希望它向上滑动

我哪里错了？

Answer 1

将其更改为：

$(".archive").hover(function () {
  $(this).children(".addtocart").slideToggle("fast");
});

我把你的小提琴编辑成this ..希望它有帮助..

Answer 2

您正在使用班级＆＃39; .addtocart＆＃39;激活所有div。

你需要使用$（this）来激活你正在悬停的那个。

$(".archive").hover(function () {
  $(this).find('.addtocart').slideToggle("fast");
});