JQuery - 帮助.animate和函数回调

Question

我正在尝试以下方法，但无法让函数再次运行（我正在尝试创建某种循环动画）

$(document).ready(function() {



       //function loopingFunction(){

       function loop() {
            $('#item').animate({top:'+=100'}, 500, function() {
                $('#item').animate({top:'-=100'},500, function(){
                    loop;
                });
            });
       }


});

Answer 1

或者：

function loop() {
        $('#item').animate({top:'+=100'}, 500, function() {
            $('#item').animate({top:'-=100'},500, function(){
                loop();
            });
        });
   }

直播示例：http://jsfiddle.net/vyef6/

或

function loop() {
        $('#item').animate({top:'+=100'}, 500, function() {
            $('#item').animate({top:'-=100'},500, loop);
        });
   }

实例：http://jsfiddle.net/w92b2/

解释：在第一个中，您实际上是在执行loop函数。因此需要括号。第二个是你将loop函数传递给animate的引用或回调 - 因此它不需要括号。