2

私はJQを学習している途中で、カーソルを合わせると開き、カーソルが開いたdivを閉じるとdivを作成しました。

これはすべて完璧に機能しますが、これは私の問題です...

カーソルが div の上にすばやく移動すると、div がフリークアウトし、非常に迅速に数回開いたり閉じたりします。

アドバイスをいただければ幸いです。

アンディ

script type="text/javascript"
$(document).ready(function(){ 
$(".tagShow").hover(function(){  
    $(".panel").show("fast");  
},function(){
    $(".panel").hide("fast");        
});

});

</script>
<div class="tagShow">
<div class="panel">
<?= $tagCloud ?>
   </div>

<p class="flip">Select Category 
<span class="sCategory"></span></p>
</div>

CSS:

 div.panel,p.flip
 {
  margin:0px;
  padding:5px;
  text-align:center;
  background-color: #edf7f9;
  border:1px solid #24b4e0;
  position: absolute;
  z-index: 2;


   }

  div.panel
   {
    padding: 50px;
    height:140px;
    display:none;
    width: 778px;
    }
4

2 に答える 2

2

この質問には多くの重複があります。解決策は、を使用することstop()です。

試してみてくださいstop(1, 1)

于 2012-06-27T15:53:07.290 に答える
1

:animatedセレクターを使用して表示および非表示にする前に、要素がアニメーション化されていないことを確認することもできます。

hoverIntent jQuery プラグインもチェックしてください。

于 2012-06-27T15:54:25.623 に答える