3

たとえば、これらのコードを見てください:

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 回カーソルを合わせると、ボックスは 1 回終わるごとに 3 回アニメーションします。[最初のホバーによる]最初のアニメーション/機能が終了するまでホバー効果を無効にするホバーのタイムアウトを設定するにはどうすればよいですか?

4

1 に答える 1

0

これを試して

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

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

于 2012-08-31T21:57:45.307 に答える