この方法はプラグインを構築するのに適していますか？

Question

次のような方法がベストプラクティスであるjQueryプラグインを構築していない場合のために良いものであれば、私はちょうど思っていた：

$.fn.loginsys = function(options) { 

    var opts = $.extend({}, $.fn.loginsys.defaults, options); 

    return this.each(function() { 

     /* Code To Be Executed */ 

    }); 

} 

$.fn.loginsys.defaults = { 

    /* Some Options */ 

} 

Answer 1

私はjqueryのチュートリアルプラグインからこれをsuggestmます（ただし、いくつかの方法があります） ：

(function($) 
{ 
    var globalSettings= 
    { 
     width:400, 
     height:400 
    }; 

    var methods = 
    { 
     init : function(options) 
     { 
      return this.each(function() 
      { 
       var $this=$(this); 
       var settings=$.extend({}, globalSettings, options); 

       //your code 

      }); 
     }, 
     destroy : function() 
     { 
      return this.each(function() 
      { 

      }); 
     }, 
     option : function(option, value) 
     { 

      if(value!=null && value!=undefined) 
      { 
       return this.each(function(){ 
        var $this=$(this); 
        var curr_setts=$this.data('settings'); 
        curr_setts[option]=value; 
        $this.data('settings',curr_setts); 
       }); 
      } 
      else 
      { 
       var $this=$(this); 
       var curr_setts=$this.data('settings'); 
       return curr_setts[option]; 
      } 
     } 
    }; 

    $.fn.siter=function(method, options) 
    { 
     if(methods[method]) 
     { 
      return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)); 
     } 
     else if(typeof method === 'object' || !method) 
     { 
      return methods.init.apply(this, arguments); 
     } 
     else 
     { 
      $.error('Method ' + method + ' does not exist on jQuery'); 
     } 
    }; 

})(jQuery); 

Answer 2

(function($) { 
    $.fn.myPlugin = function() { 

    // Do your awesome plugin stuff here 

    }; 
})(jQuery); 

ここ

さらに詳しい情報：http://docs.jquery.com/Plugins/Authoring

Answer 3

練習とは別に、すべて、公開したい理由があるベストデフォルト？

外部から編集可能にしたい場合は、代わりにそのためのセッターを公開し、$ .fn.loginsys = functionクロージャー内に保持して、それらが途方もないことができないようにすることができますあなたのプラグインが動作しなくなるような方法で。

たとえば、jQueryのajaxSettings（）を参照してください。

Answer 4

http://coding.smashingmagazine.com/2011/10/11/essential-jquery-plugin-patterns/のようなjQueryプラグインの書き方については、いくつかの良いチュートリアルがあります。ちょうどGoogle少し。また、他のjQueryプラグインがどのように構築されているかを見てください。それは私が思うほどのことを学ぶことができる場所です。

Answer 5

は、私はあなただけのラッパー

(function($) { 

    // plugin code here 

})(jQuery); 

が欠けていると思う

しかし、多くのプラグインパターンがそこにあります。ここにはbunch of templatesがダウンロード可能です。