图片顶部的按钮,鼠标悬停在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(“可见性”、“隐藏”);
});
是的,这很管用。把它放在支架上是最好的方法。所有的回复都会管用,因为它们几乎一样,谢谢大家