ändern Defaults eines Plugin

Question

Ich verstehe, dass Sie ein Plugin mit öffentlichen Standardwerte wie folgt erstellen:

(function($){ 
$.fn.hilight = function(options) { 
    var opts = $.extend({}, $.fn.hilight.defaults, options); 
    this.css(opts); 
}; 
$.fn.hilight.defaults = { 
    foreground: 'red' 
}; 
})(jQuery); 

Und dann kann ich die Standardwerte von außen ändern:

$.fn.hilight.defaults.foreground='blue'; 

Meine Frage

(function($){ 
    $.fn.extend({ 
    hililght: function(options){ 
     var defaults={foreground: 'red',} 
     var opt=$.extend(defaults,options); 
     } 
    }); 
})(jQuery) 

Und wie kann ich mehrere Standardwerte ändern: (n) ist, wie kann dies mit der $ .fn.extend() Syntax getan werden?

Answer 1

Sie könnte dies tun:

(function($){ 
    $.fn.extend({ 
    hilight: function(options){ 
     var opt=$.extend(defaults,options); 
    } 
    }); 
    $.extend($.fn.hilight, {defaults: { 
     foreground: 'red' 
    }}); 
})(jQuery) 

Aber es gibt nicht viel Sinn. $.fn.extend ist nur nützlich, wenn Sie mehrere Eigenschaften erweitern müssen, aber Sie haben nur hilight. Bleiben Sie bei Ihrem ersten Beispiel, es ist lesbarer und (etwas) effizienter.

jQuery extend Funktionalität ist praktisch für Ihre zweite Frage, über das Ändern mehrerer Standardwerte. Dies ist, was extend wirklich entworfen wurde:

$.extend($.fn.hilight.defaults, { 
    foreground: "red", 
    background: "yellow", 
    height: 100 
    // and so on... 
});