參數jquery的功能

Question

IM有一個jQuery動畫功能動畫這是使用

$li = $("ol#update > li"); 

animate函數

function animate_li() 
{ 
    $li.filter(':first') 
     .animate({ 
     height: 'show', 
     opacity: 'show' 
     }, 250, function(){ 
     animate_li(); 
     }); 
    $li = $li.not(':first'); 
} 

指定列表現在我想參數，我也做了animate_li功能作爲：

function sp_animate_li(sp) 
{ 
    console.log ($li); 
    function animate_li() 
    { 
     $li.filter(':first') 
     .animate({ 
     height: 'show', 
     opacity: 'show' 
     }, sp, function(){ 
      animate_li(); 
     }); 
     $li = $li.not(':first'); 
    } 
} 

但現在我不能使用任何動畫

sp_animate_li(100); 

任何幫助

感謝

Answer 1

你沒有調用內部函數，也沒有返回它，所以你實際上不能調用它。試試這個：

function sp_animate_li(sp) 
{ 
    console.log ($li); 
    function animate_li() 
    { 
     $li.filter(':first') 
     .animate({ 
     height: 'show', 
     opacity: 'show' 
     }, sp, function(){ 
      animate_li(); 
     }); 
     $li = $li.not(':first'); 
    } 
    return animate_li; 
} 

var inner = sp_animate_li(100); 
inner(); // calls the inner function 

Answer 2

難怪，導致animate_li不被任何調用。爲什麼不將參數添加到animate_li而不是包裝它？

Answer 3

爲什麼不定義功能：

function animate_li($li, sp) 
{ 
    sp = sp || 250; 
    $li.first() 
     .animate({ 
      height: 'show', 
      opacity: 'show' 
      }, 
      sp, 
      function(){ 
       animate_li($li.not(':first'), sp); 
      } 
    ); 
} 

這也避免了使用從更高的範圍變量，可能會比較混亂......

更新：固定遞歸調用。

Answer 4

function animate_li(sp) 
{ 
    sp = sp || 250; 
    $li.filter(':first') 
     .animate({ 
     height: 'show', 
     opacity: 'show' 
     }, sp, function(){ 
     animate_li(sp); 
     }); 
    $li = $li.not(':first'); 
}