jqueryコンポーネント全体からのアクセス設定

Question

ダイアログモーダルのjqueryコンポーネントを開発しようとしています。すべてのコンポーネント関数から設定にアクセスする方法はわかりません。オープン関数からsettings.zIndexにアクセスする必要があり、うまくいかないようです。

(function($) { 

    var methods = { 

     init: function(options) { 

      var defaults = { 
       bgClass: "fancy-dialog-bg", 
       bgShow: null, 
       zIndex: 100, 
       show: null 
      }; 
      var settings = $.extend(defaults, options); 

      return this.each(function() { 
       var obj = $(this).hide().css("position", "fixed").css("z-index", settings.zIndex).css("left", "300px").css("top", "200px"); 
      }); 

     }, 

     open: function() { 
        // alert(settings.zIndex); not working 
      var tes = $("<div></div>").css("backgroundColor", "#f00").css("position", "fixed").css("z-index", "99").css("width", "50%").css("height", "100%").css("left", "0").css("top", "0"); 
      $('body').append(tes); 
      var obj = $(this); 
      obj.show(); 

     }, 

     close: function() { 

      var obj = $(this); 
      $("#fancy-dialog-bg-" + obj.attr('id')).remove(); 
      obj.hide(); 

     } 

    }; 

    $.fn.fancyDialog = function(method) { 

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

    }; 

})(jQuery); 

Answer 1

変更この行：これまで

var settings = $.extend(defaults, options); 

：

methods.settings 

：

this.settings = $.extend(defaults, options); 

すると、設定はあなたが経由でアクセスすることができ、あなたのメソッドオブジェクトのプロパティになります