2011-09-08 45 views
0

我嘗試以下,但不能得到的功能再次運行本身(我試圖創造某種循環動畫的)JQuery的 - 幫助與.animate和功能回調

$(document).ready(function() { 



     //function loopingFunction(){ 

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


}); 

回答

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 - 因此它不需要括號。