0

当我单击链接时,我正在尝试为 div 设置动画以移动到顶部。当我点击另一个链接时,它应该动画回到原来的位置并淡出。

我使用 jquery 将 div 居中。现在的点是,当我单击一个链接时它工作正常,比如向上 40 px .. 当我单击第二个链接时,我设置将该 div 向下移动..

问题是如果我单击第二个链接,当我为它编写事件处理程序时,div 图像会向下移动。

如何检测 div 之前是否移动过?就像当我单击第一个链接然后单击第二个链接时,div 运行良好.. 但是如果我单击第二个链接,它会下降并从屏幕上消失。

4

2 回答 2

1

很简单,在第一个动画回调中,只需在 div 中添加一个类,anim-done然后在第二次单击的事件处理程序上,检查这个类,然后再将其动画化回原来的位置并淡出它。确保在第二个动画的回调中删除此类。

这是帮助澄清的小提琴:http: //jsfiddle.net/G5JcA/

于 2013-02-27T05:29:19.590 回答
0

动画结束后可以使用成功功能

下面是语法

.animate({co-ords},time,successfuntion);

参考this fiddle,它在向左移动后淡出div

于 2013-02-27T06:21:02.657 回答