jQueryのホバリングの問題

Question

こんにちは私は、マウスが移動したときに要素をスライドさせてから、マウスを外にスライドさせて隠したいと思います。このコードはありますが、最初のマウスセンター機能が完了しました。.entry_extend divに表示されます。私はホバー機能にしようとしましたが、同じ問題です。助けてください..ありがとうございます。

jQuery("document").ready(function(){ 
        jQuery(".fire").mouseenter(function(){ 
         jQuery(this).children('.entry_extend').stop(true, false).show('slide',null,500,null); 

        }); 
        jQuery(".fire").mouseleave(function(){ 
         jQuery(this).children('.entry_extend').stop(true, false).hide('slide',null,500,null); 
        }); 

       }); 


<div id="craft" class="fire"> 
     <div class="entry_main"> 
      <a href="" title=""> 
      <img src="" alt="" /> 
      </a> 
     </div> 
     <div id="entry_ex_craft" class="entry_extend"> 
      <a href="" title="">original shisha pipe collection</a> 
    </div> 
</div> 

マウスオーバー+ MouseEnterイベントとマウスアウト+バインディングを使用mouseleaveを組み合わせる:)

Answer 1

あなたは "ホバー" を実装しようとしています。これは動作します：

jQuery(".fire").hover(
    function(){jQuery('.entry_extend', this).stop(true, true).show(500);} 
    , 
    function(){jQuery('.entry_extend', this).stop(true, true).hide(500);} 
); 

マインドをあなたはDIVを非表示にすると、それを含むDIVの境界を変更するので、あなたが上でホバリングしているDIV内に出入りスライドさDIVを持つことは良い考えではありません。このために、時には「震える」活動に終わることもあります。

Answer 2

試みを助けてください.. hereを参照してください。

jQuery("document").ready(function(){ 
        jQuery(".fire").bind('mouseover mousenter',function(){ 
         jQuery(this).children('.entry_extend').stop(true, false).show('slide',null,500,null); 

        }); 
        jQuery(".fire").bind('mouseout mouseleave',function(){ 
         jQuery(this).children('.entry_extend').stop(true, false).hide('slide',null,500,null); 
        }); 

       });