jQuery: caricare i plugin in modo dinamico

Possiamo automatizzare l'inserimento dei plugin jQuery creando una semplice funzione di utility che li includa e li esegua se non sono già presenti o li esegua semplicemente. Vediamo come fare.

La funzione di utility è la seguente:

(function( $ ) {
	$.pluginLoader = function( name, element, path, options ) {
	
	    path = path || "";
	    
		var getPlugin = function( path, callback ) {
			$.getScript( path, callback );
		};
		
		this.load = function() {
			if( typeof $.fn[name] === "undefined" ) {
				getPlugin( path, function() {
	    				$( element )[name]( options );
	    		});
			} else {
				$( element )[name]( options );	
			}
		};
	};

})( jQuery );

Esempio d'uso:

$(function() {
	var plugin = new $.pluginLoader( "flexslider", "#slider", "plugins/flexslider/jquery.flexslider.js", {} );
	plugin.load();
});

In questo caso il plugin FlexSlider viene applicato all'elemento con ID slider usando le impostazioni predefinite.