jquery - jquery 图像顶部的按钮，鼠标悬停鼠标悬停问题

Question

我有一系列缩略图。当您将鼠标悬停在缩略图上时，缩略图顶部的按钮将变为可见。它最初通过可见性属性是不可见的。

当我将鼠标悬停在上面时，一切正常，但是当我将鼠标悬停在缩略图顶部的按钮上时，该按钮开始闪烁。这是有道理的，因为我将鼠标移出缩略图。我的问题是如何才能做到这一点，以便当我在缩略图和按钮上方时，它不会表现得像我将鼠标移出拇指一样。这是我目前正在使用的:

$(".adminGalImg").hover(function()
{
    $(this).parent().find(".galImgBtn").css("visibility","visible");
},
function()
{
    $(this).parent().find(".galImgBtn").css("visibility","hidden");
});

Answer 1

使用div作为容器来保存图像和按钮。然后，当您将鼠标悬停在按钮上时，您不会离开正在切换可见性的容器。

<div id="#holder">
    <img class="adminGalImg" src="image source" />
    <button class="galImgButton">Button</button>
</div>


$("#holder").hover(function()
{
    $(this).parent().find(".galImgBtn").css("visibility","visible");
},
function()
{
    $(this).parent().find(".galImgBtn").css("visibility","hidden");
});