Question

我正在学习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;
    }

Answer 1

这个问题有很多重复。解决方案是使用stop()。

尝试使用stop(1, 1)

Answer 2

您还可以使用:animated选择器在显示和隐藏之前检查元素是否未设置动画。

另请查看hoverIntent jQuery插件。

JQuery - 使用JQuery格式化时遇到问题

2 个答案: