jQuery Plugin Skeleton

Question

jQueryの[プラグイン/オーサリング] [1]ドキュメントを見ると、いくつか質問があります。私がすべきドキュメントによると

$('#one').plug({foo:'bar'}); 
$('#two').plug(); 

：私は、私は次の操作を行うことができますプラグインを作成する必要が

(function($){ 

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

       //------ Problem ----------// 
       alert(settings.foo); 

      }); 
     } 
    }; 
    $.fn.plug = function(method){ 
     //... 
    } 

})(jQuery); 

問題：$('#one').plug({foo:'bar'});アラート「バー」予想としてではなく、次の行にはありません空の文字列を返すと、 "bar"も返されます。

Answer 1

私はこれを同じ質問のある人に転記してください。 jQueryプラグインを作成する方法はたくさんあります。私が頻繁に使用するのは、このスケルトンです。

(function($, window, document, undefined){ 

    function Skeleton(element, options){ 
     this.$element = $(element); 
     this.options = options; 

     // Plugin init goes here... 

    } 

    Skeleton.prototype = { 
     // Plugin methods 
     sampleMethod: function(){ 
      // ... 
     } 

    }; 
    // Plugin Definition // 
    $.fn.skeleton = function(options){ 
     if(typeof options == 'string'){ 
      var plugin = this.data('skeleton'); 
      if(plugin){ 
       var r = plugin[options].apply(plugin, Array.prototype.slice.call(arguments, 1)); 
       if(r) return r 
      } 
      return this 
     } 

     options = $.extend({}, $.fn.skeleton.defaults, options); 

     return this.each(function(){ 
      var plugin = $.data(this, 'skeleton'); 
      if(! plugin){ 
       plugin = new Skeleton(this, options); 
       $.data(this, 'skeleton', plugin); 
      } 
     }); 
    }; 
    $.fn.skeleton.defaults = { 
     // Plugin options ... 
    }; 

})(jQuery, window, document);