Cosa sono e come funzionano i metodi pubblici dei plugin jQuery

Cosa sono e come funzionano i metodi pubblici dei plugin jQuery

I metodi pubblici dei plugin jQuery sono un utile strumento per permettere ad un plugin di dialogare con il codice esterno.

Si tratta sostanzialmente di aggiungere una funzione all'oggetto principale del plugin:


(function( $ ) {
	
	$.fn.plugin = function( options ) {
		var defaults = {
			text: "Hello world!",
			color: "green"	
		},
		that = this;
		options = $.extend( defaults, options );
		
		// Metodo pubblico
		
		$.fn.plugin.publicMethod = function() {
			that.css( "color", options.color );	
		}
		
		return this.each(function() {
			var $element = $( this );
			$element.text( options.text );
		});
	};
})( jQuery );

L'uso รจ il seguente:


$(function() {
	$( "#test" ).plugin();
	$( "#test" ).plugin.publicMethod(); // Default: testo in verde
	
	$( "#test2" ).plugin({
		color: "red"
	});
	$( "#test2" ).plugin.publicMethod(); // Testo in rosso	
	
});

Torna su