Javascript 使用jquery动画的完整选项

Javascript 使用jquery动画的完整选项,javascript,jquery,Javascript,Jquery,我的html中有一个gif图像。我想让图像“行走”,所以我使用jquery.animate()行走很好,现在,一旦它到达屏幕的另一侧,我想隐藏图像,所以我尝试使用完整选项。我的代码如下所示: $(document).ready(function() { for(var i = 0; i < 500; i = i + 20) { $("#animate-gif").animate({backgroundPositionX: i}, 50, fun

我的html中有一个gif图像。我想让图像“行走”,所以我使用jquery
.animate()
行走很好,现在,一旦它到达屏幕的另一侧,我想隐藏图像,所以我尝试使用完整选项。我的代码如下所示:

$(document).ready(function() {
for(var i = 0; i < 500; i = i + 20) {
         $("#animate-gif").animate({backgroundPositionX: i}, 50, 
             function() { alert("finished"); }); }
});

但两者都不起作用,我在调试器“意外令牌:”中收到警告。所以我的问题是,如何在jquery中为animate函数添加完整选项?我已经试着浏览了文档和一些示例,我所尝试的与我所看到的差不多

我不明白for循环的目的。尝试只调用animate()一次:

您的完整功能看起来很好。是否可能您选中了“不允许此页面显示弹出窗口”


我还建议使用console.log()而不是alert()。

我不理解for循环的用途。尝试只调用animate()一次:

您的完整功能看起来很好。是否可能您选中了“不允许此页面显示弹出窗口”


我还建议使用console.log()而不是alert()。

animate的一般语法是

$("selector").animate({"param":"value","param","value"},time,callback_function);
动画完成后将调用回调函数

还有其他选项,如
“步骤”、“完成”


您可以在我使用其中一些动画的地方检查这一点。动画的一般语法是

$("selector").animate({"param":"value","param","value"},time,callback_function);
动画完成后将调用回调函数

还有其他选项,如
“步骤”、“完成”


老实说,我也不知道为什么要使用for循环。当我早些时候创建这个时,我的常识似乎中断了。无论如何,您检查“不允许此页面显示弹出窗口”是正确的。我使用一个新选项卡重新打开页面,警报框开始显示。谢谢。$.animate()无论如何都是非阻塞的。for循环将几乎立即完成,生成25个动画调用。如果你需要链接动画,你必须从完整的处理程序中生成第二个,或者使用不同的模式,比如承诺。老实说,我也不知道为什么我使用for循环。当我早些时候创建这个时,我的常识似乎中断了。无论如何,您检查“不允许此页面显示弹出窗口”是正确的。我使用一个新选项卡重新打开页面,警报框开始显示。谢谢。$.animate()无论如何都是非阻塞的。for循环将几乎立即完成,生成25个动画调用。如果需要链接动画,则必须从完整的处理程序生成第二个动画,或者使用不同的模式,例如promise。
$("selector").animate({"param":"value","param","value"},time,callback_function);