Jqueryで関数を作成する

Question

Jqueryでいくつかの関数を作成しています。 でも問題があります。

function fader(elm,delaytime) { 
    elm.each(function(index){ 
     $(this).css('visibility','visible').delay(delaytime*index); 
     $(this).fadeIn(1500); 
    }); 
} 
fader($('.subImgs').children(),200); 

これは良かったし、もっと欲しかった。

$.fn.fader2 = function(elm,delaytime) { 
    elm.each(function(index){ 
     $(this).css('visibility','visible').delay(delaytime*index); 
     $(this).fadeIn(1500); 
    }); 
} 

$('.subImgs').children().fader2(200); 

それは動作しません。私は何かが違っていたが、それを見つけることができなかったことを知っている 誰でも私を助けることができますか？

Answer 1

お試しください：

(function($) { 
    if (!$.myFader) { 
     $.extend({ 
      myFader: function(elm, delaytime) { 
       return elm.each(function(index){ 
        $(this).css('visibility','visible').delay(delaytime*index).fadeIn(1500); 
       }); 
      } 
     }); 
     $.fn.extend({ 
      myFader: function(delaytime) { 
       return $.myFader($(this), delaytime); 
      } 
     }); 
    } 
})(jQuery); 

これは

$.myFader($('.subImgs').children(),200); 

と

$('.subImgs').children().myFader(200); 

Answer 2

あなたの機能は、おそらく次のようになります。

$.fn.fader2 = function(delaytime) { 
    return this.each(function(index){ 
     $(this).css('visibility','visible').delay(delaytime*index).fadeIn(1500); 
    }); 
} 

の作業フィドル（より良い可視性のためのslighty異なるコード）：http://docs.jquery.com/Plugins/Authoring

： http://jsfiddle.net/2HMWF/

をそのトピックに大きなについては、上記のコメントからのリンクを参照してください。