Question

我正在尝试让我的程序首先转换项目，然后在代码的JavaScript部分中然后。

arrow.style.top = "0px";
arrow.style.left = guess * 9 + "px";

我已尝试设置延迟，但无论我在哪里放置代码行，该项目都会停止，然后无论如何都要执行。有没有办法让它等待一个转换完成然后开始第二个转换，或者至少让第二个转换等待一段时间才开始？

提前谢谢。

Answer 1

您可以使用jquery回拨功能。将第二个animate函数作为参数（回调）传递给第一个animate函数。第一个函数完成后，将自动调用第二个函数。你可以用这种方式链接一些动画。

看这个演示（点击红色方块）;

＆＃13;

$('div').click(function(){
    $(this).animate({"left":"100px"},300,function(){
         $(this).animate({"top":"100px"},300);
    })
});

＆＃13;

div{
   position:absolute;
   left:0px;
    top:0px;
    width:100px;
    height:100px;
    background-color:red;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div></div>

＆＃13;