jquery mouseoverマウスがポップアップウィンドウの上にある場合に要素を隠さないようにする

Question

私は要素がほとんどなく、それぞれマウスを動かすと、マウスがそれぞれ数秒かかるとポップアップウィンドウが表示されます。これは、私は次のスクリプト

var timeOutUserInfo; 
$('a[datatype=popupAboutUser]').live({ 
    mouseenter: function() { 
     timeOutUserInfo = setTimeout(function(){ 
      $('#popupUserInfo').show(); 
     }, 1000); 
     return false; 
    }, 
    mouseleave: function (e) { 
     clearTimeout(timeOutUserInfo); 
     $('#popupUserInfo').fadeOut(250); 
    } 
}); 

問題があることで行っているユーザーが#popupUserInfo上でマウスを移動しますが、必要がある場合に、彼はそれをしない限り、ポップアップの皮。 私はマウスがそのポップアップの上にあるかどうかをチェックして、もしそうでなければ、それを隠すためにいくつか試してみましたが、そうすることはできませんでした。

解決方法はありますか？

Answer 1

<style type="text/css"> 
a.showinfo{ 
display:inline-block; 
position:relative; 
} 

div.popupUserInfo{ 
width:100px; 
height:100px; 
position:absolute; 
right:-100px; 
top:0; 
display:none; 
} 
</style> 

<a href="whatever.com" class="showinfo"> 
    <div class="popupUserInfo">some user info here</div> 
</a> 

<script type="text/javascript"> 
    $(document).ready(function(){ 
    $(".showinfo").hover(function(){ 
     $(this).children(".popupUserInfo").show(); 
     },function(){ 
     $(this).children(".popupUserInfo").hide(); 
    }); 
    }); 
</script> 

...これを試してみてください