画像の上にボタンがあり、jqueryでmouseover mouseoutの問題が発生する

Question

私は一連のサムネイルを持っています。サムネイルの上にマウスを置くと、サムネイルの上にあるボタンが表示されます。最初はvisibilityプロパティによって表示されません。

マウスオーバーしても問題ありませんが、サムネイルの上にあるボタンの上にマウスを置くと、ボタンがちらつき始めます。私はサムネイルからマウスを外しているので意味があります。私の質問は、私がサムネイルとボタンの上にいるとき、それをどうすれば作れるのですか？私は親指から外に出ているように動作しません。これは現在私が使用しているものです：

$(".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"); 
}); 

Answer 2

画像とボタンが含まれていて画像が入っていないコンテナにホバリング/アウト機能を実行します。例：

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

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

これは正常に動作します。