Question

例如，请查看这些代码：

HTML：

<div id="hvr">hover me</div>
<div id="box" style="background:#ddd; width:100px; height:50px;"></div>

jQuery的：

$(function(){
$("#hvr").hover(function(){

    $("#box").animate({width:'150px'},500);
    more animations/functions here ...

}, function(){

    $("#box").animate({width:'100px'},500);
    more animations/functions here ...
});

当我快速将文本悬停在文本上3次时，每个框完成后该框会动画3次。如何设置悬停时间，这将禁用悬停效果，直到第一个动画/功能[由于第一个悬停]完成为止？

Answer 1

试试这个

$(function(){
  $("#hvr").hover(function(){    
      $("#box").stop().animate({width:'150px'},500);   
  }, function(){    
      $("#box").stop().animate({width:'100px'},500);
  });
});

http://api.jquery.com/stop/

如何为jquery悬停功能设置超时

1 个答案: