Mặc định và các tùy chọn JQuery Plugin

Question

Làm cách nào để chuyển các thuộc tính/biến sau trong plugin của tôi thành mặc định và các tùy chọn có thể được đặt từ tài liệu sẵn sàng?

js // plugin:

(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); 

// tài liệu sẵn sàng trong page:

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

Answer 1

Các mô hình đơn giản nhất là để mở rộng mặc định tùy chọn đối tượng. Nhưng nó không có nghĩa là bất kỳ thông số phải được thông qua với nhau như một "lựa chọn" đối tượng, ví dụ như: 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); 

Answer 2

Xem sau:

$('#form1').myPlugin({variable1 : true, variable2: false....}); 

và sử dụng

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

    options.variable1 = true; 
      options.variable2 = true; 
      options.variable3 = true; 
      options.variable4 = true; 
    } 
})(jQuery); 

Đối với cách thích nhìn thấy

http://jquery-howto.blogspot.com/2009/01/how-to-set-default-settings-in-your.html