Jquery 如果下一个动画已启动，则结束上一个动画_Jquery_Jquery Animate

Jquery 如果下一个动画已启动，则结束上一个动画

jquery

Jquery 如果下一个动画已启动，则结束上一个动画,jquery,jquery-animate,Jquery,Jquery Animate,我有这样的动画 <hhtml> <head> <script type='text/javascript' src='jquery.js'></script> <script type='text/javascript'> $().ready(function(){ $(".btn").click(function(){ var obj=$(this).parent().find("img"); var h=$(obj).hei

我有这样的动画

<hhtml>
<head>
<script type='text/javascript' src='jquery.js'></script>
<script type='text/javascript'>
$().ready(function(){

   $(".btn").click(function(){
var obj=$(this).parent().find("img");
var h=$(obj).height();
var w=$(obj).width();
var st=$(obj).offset().top;
var sl=$(obj).offset().left;    

$("body").append("<div id='mtc' style='position:absolute;z-index:100;top:"+st+"px;left:"+sl+"px;'></div>");

$(obj).clone().appendTo("#mtc");
$("#mtc").css({height:'100px',width:'100px',opacity: '0.8'});

$("#mtc").animate({ 
       left:"999px",
       top:"0px"
        },2000,function(){
            $(this).remove();
            });


     });

});
</script>
<style>
   div{
     width:200px;
     height:300px;
     margin:10px;
     padding:5px;
     float:left;
   }
   p{
      .....
    }
</style>
</head>
<body>
  <div> <h3>img1</h3> <img src='a.png'>  <p class='btn'>Click</p> </div>
  <div> <h3>img1</h3> <img src='a.png'>  <p class='btn'>Click</p> </div>
  <div> <h3>img1</h3> <img src='a.png'>  <p class='btn'>Click</p> </div>
  <div> <h3>img1</h3> <img src='a.png'>  <p class='btn'>Click</p> </div>
  <div> <h3>img1</h3> <img src='a.png'>  <p class='btn'>Click</p> </div>
</body>
</html>


$（）.ready（函数（））{
$（“.btn”）。单击（函数（）{
var obj=$（this.parent（）.find（“img”）；
var h=$（obj）.height（）；
var w=$（obj）.width（）；
var st=$（obj）.offset（）.top；
var sl=$（obj）.offset（）.left；
$（“正文”）。追加（“”）；
$（obj）.clone（）.appendTo（“#mtc”）；
$（“#mtc”）.css（{高度：'100px'，宽度：'100px'，不透明度：'0.8'}）；
$（“#mtc”）.animate（{
左：“999px”，
顶部：“0px”
}，2000，函数（）{
$（this.remove（）；
});
});
});
div{
宽度：200px；
高度：300px；
利润率：10px；
填充物：5px；
浮动：左；
}
p{
.....
}
img1单击
img1
单击
img1
单击
img1
单击
img1单击

它工作正常，但当1个动画正在进行时，我单击另一个.btn开始另一个动画。
当第二个动画开始时，两个动画都会停止（并挂起一段时间）。

我需要使它们平滑。

问题在哪里？html中有一个额外的“h”，应该准备什么，通常是文档，而不仅仅是一个空选择器？在设置元素动画之前，您还需要定位元素，例如：为什么在使用它时要将

obj

var包装成美元符号

？没有必要。