JQuery插件默认值和选项 [英] JQuery Plugin Defaults and Options

问题描述

如何将插件中的以下属性/变量转换为默认值和可以在准备文档时设置的选项?

How can I turn the following properties / variables in my plugin into defaults and options that can be set from document ready?

//插件js:

(function($){
   $.fn.myPlugin = function(options){
      var myForm = this;
      myForm.variable1 = true;
      myForm.variable2 = true;
      myForm.variable3 = true;
      myForm.variable4 = true;

      ...

      if(myForm.variable1){
         // do something
      }

      ...
   }
})(jQuery);

//页面中已准备好文档:

<script type="text/javascript">
   $(document).ready(function() {
      $('#form1').myPlugin();
   });
</script>

推荐答案

最简单的模式是扩展默认选项对象.但这确实意味着任何参数都必须作为选项"对象一起传递，例如:myPlugin({variable2:false})

The simplest pattern is to extend a default options object. But it does mean that any parameters have to be passed together as an "option" object, eg: myPlugin({variable2:false})

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

      var defaults = {
          variable1 : true,
          variable2 : true,
          variable3 : true,
          variable4 : true
      }

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

      if(settings.variable1){
         // do something
      }

      ...
   }
})(jQuery);

这篇关于JQuery插件默认值和选项的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！