はjqueryの機能をパラメータ化

Question

イム次のようになります：

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'); 
}