Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/powershell/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
图片顶部的按钮,鼠标悬停在jquery的mouseover mouseout问题上_Jquery_Hover - Fatal编程技术网

图片顶部的按钮,鼠标悬停在jquery的mouseover mouseout问题上

图片顶部的按钮,鼠标悬停在jquery的mouseover mouseout问题上,jquery,hover,Jquery,Hover,我有一系列的缩略图。将鼠标悬停在缩略图上时,缩略图顶部的按钮将可见。它最初通过“可见性”属性不可见 当我将鼠标移到缩略图上方时,这很好,但当我将鼠标移到缩略图上方的按钮上时,按钮开始闪烁。这是有道理的,因为我正在从缩略图中删除鼠标。我的问题是,当我在缩略图和按钮上时,我怎么能使它看起来不像是从拇指上滑鼠。这是我目前正在使用的: $(".adminGalImg").hover(function() { $(this).parent().find(".galImgBtn").css("vis

我有一系列的缩略图。将鼠标悬停在缩略图上时,缩略图顶部的按钮将可见。它最初通过“可见性”属性不可见

当我将鼠标移到缩略图上方时,这很好,但当我将鼠标移到缩略图上方的按钮上时,按钮开始闪烁。这是有道理的,因为我正在从缩略图中删除鼠标。我的问题是,当我在缩略图和按钮上时,我怎么能使它看起来不像是从拇指上滑鼠。这是我目前正在使用的:

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

在包含图像和按钮(而不是图像)的容器上执行悬停/移出功能。例如:

<div class="container" style="background-image: url(1.png)">
    <button></button>
</div>

$(".container).hover(...);

$(“.container).悬停(…);

这应该可以正常工作。

使用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");
});

按钮
$(“#持有者”).hover(函数()
{
$(this.parent().find(“.galImgBtn”).css(“可见性”、“可见”);
},
函数()
{
$(this.parent().find(“.galImgBtn”).css(“可见性”、“隐藏”);
});

是的,这很管用。把它放在支架上是最好的方法。所有的回复都会管用,因为它们几乎一样,谢谢大家