Javascript 悬停时仅显示一个覆盖

我的jQuery代码有问题，当我将鼠标悬停在一个上面时，所有的覆盖都会出现，而不是在鼠标悬停时显示。 我做了一个JS垃圾桶： 如果将鼠标悬停在图像上，则会显示所有覆盖，但所要显示的是要将鼠标悬停在上面的覆盖。

---

还有，我如何才能使该代码适用于触摸用户？

问题是您没有告诉正确的元素进行动画制作-您必须使用

此

并找到属于您悬停的元素的覆盖层

 SaveElement.on("mouseover", function () {
    $(this).find(".overlay").animate({ opacity: 1, top: "3px" }, 150);
  });

  SaveElement.on("mouseleave", function () {
     $(this).find(".overlay").animate({ opacity: 0, top: "-23px" }, 150);
  });
});

---

我仍在学习jquery，但我认为您需要使用

$（此）

仅影响您正在与之交互的用户。非常感谢。这肯定会有帮助！