当在同一个div上调用另一个animate函数时,jQuery .animate()无限循环暂停

时间:2014-02-09 11:45:37

标签: javascript jquery animation jquery-animate infinite-loop

可能有一些显而易见的事情即我正在做/不这样做会解决这个问题,但我无法看到答案

我尝试在动画中运行无限循环并保持运行,同时在单独的animate函数中更改div的高度。问题是当高度动画在梯子上运行时,梯子的inifite循环“暂停”(缺少更好的单词)然后在高度动画结束后继续

这是问题的主要部分,为了解决这个问题,我已经把很多东西拿出来了

var ladderloop = function(){
                    $("#ladder").animate({
                        "background-position-y":$("#stage").height()    
                    },500, "linear", function(){
                        $(this).css({
                            "background-position-y":0
                        });
                        ladderloop();
                    });
                }
                ladderloop();

                $("#plane").delay(1000).toggle("slide", {direction:"left"}, 2000, function(){

                    $("#logo").animate({
                        "top":$("#stage").height()
                    }, 2000, function(){
                    });

                    $("#ladder").animate({
                        "height":$("#stage").height(),
                        //"background-position-y":$("#stage").height()
                    }, 2000, "linear", function(){
                        $("#stage").stop();
                    });

                });
提前谢谢, Finbar

0 个答案:

没有答案