JQuery प्लगइन डिफ़ॉल्ट और विकल्प

Question

मैं अपनी प्लगइन में निम्न गुणों/चरों को डिफ़ॉल्ट और विकल्पों में कैसे बदल सकता हूं जिन्हें दस्तावेज़ तैयार से सेट किया जा सकता है?

// प्लगइन 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> 

Answer 1

सरल पैटर्न एक डिफ़ॉल्ट विकल्प वस्तु का विस्तार करने के लिए है। लेकिन इसका मतलब यह है कि किसी भी पैरामीटर एक "विकल्प" वस्तु, जैसे के रूप में एक साथ पारित किया जा करने के लिए है: 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

निम्नलिखित देखें:

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

और

का उपयोग

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

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

उचित तरीके के लिए देखें

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