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 回答