jquery - jQueryホバー-マウスアウトが機能しない

Question

ここに次のスクリプトがあります...アイテムの上にマウスを置くと機能します...しかし、マウスが離れると、何も非表示になりません。実際、それは無限のループのように見えます。助けてください！:-)

<script type="text/javascript">
$(document).ready(function() {
        // Handler for .ready() called.
    $(".hover").hover(
      function () {
         $('.hide').hide();
        var clss = $(this).attr('id');
        $('.pop_'+clss+'').show('slow');
      }, 
      function () {
        $('.hide').hide('slow');
      }
    );


});
</script>

Answer 1

フライインボックスは、入ってくるとすぐにフォーカスを獲得します。これにより、実装したマウスリーブ機能がトリガーされ、消えます。必要な機能を取得するには、次のいずれかが必要です。

1. 表示されている.hidedivにmouseleaveをバインドします
2. 新しいdivが.hover要素と重ならないようにします