如何使项目在开始另一个过渡之前完成一个过渡
How do you make an item complete one transition before starting another?
我试图让我的程序首先转换一个项目,然后在代码的JavaScript部分。
arrow.style.top = "0px";
arrow.style.left = guess * 9 + "px";
我尝试设置延迟,但无论我将代码行放在哪里,该项目都会停止,然后无论如何都会执行这两项操作。有没有办法让它等待一个过渡完成,然后开始第二个过渡,或者至少让第二个过渡在开始之前等待一定的时间?
提前谢谢你。
您可以使用
jquery
回调函数。将第二个animate
函数作为参数(回调)传递给第一个animate
函数。第二个函数将在第一个函数完成时自动调用。 您可以通过这种方式链接多个动画。
查看此演示(点击红色方块);
这是小提琴: http://jsfiddle.net/yxzkL6vy/
$('div').click(function(){
$(this).animate({"left":"100px"},300,function(){
$(this).animate({"top":"100px"},300);
})
});
div{
position:absolute;
left:0px;
top:0px;
width:100px;
height:100px;
background-color:red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div></div>
相关文章:
- 当在Ember中点击一个项目时,我如何将一个活动类添加到项目列表中
- angularjs移除焦点上的活动类并添加到下一个项目
- 如何通过AngularJS删除一个项目
- 获取每个项目中不为 null 的最后一个项目
- 在另一个项目中使用大理石测试rxjs5方法
- Asp.net 引导下拉菜单 - 选择一个项目
- 处理一个项目,想要添加以下菜单栏,并尽量减少向下滑动
- 在angularJs的选择框中预先选择一个项目
- jQuery 使用 ID 作为 URL 选择一个项目
- 我在Phaser有一个项目.我想在画布上的元素上做一个用户图像编辑器
- Javascript:使用 slice() 从数组中选择除一个项目之外的所有项目
- 如何从包含1000个项目的数组中随机选择一个项目
- 从列表中选择一个项目,
- 在可排序的JQuery UI列表中至少保留一个项目
- 仅单击一行中的一个项目
- 在angularjs中一次选择一个项目
- 有没有更花哨的方法可以在同一类中获得上一个项目
- 如何从用户制作的数组中具体拼接出一个项目
- 角度 - ng 网格通过分组按语法选择下一个/上一个项目
- 是否可以通过使用 javascript 获取数组中的一个项目来删除项目