jQuery plugin snadno a rychle

jQuery pluginy najdou své uplatnění nejen pokud vytvoříte plugin, který bude natolik univerzální a zajímavý, aby se hodil „celému světu“. Vlastní plugin může být i způsob jak zpřehlednit vlastní kód (a učinit ho „reusable“), pokud si vytvoříte třeba i triviální plugin, který využijete na několika místech vašeho projektu. Pokud při vytváření pluginu budete vycházet z „kostry pluginu“, jeho vytvoření může být téměř otázkou minut.

Pěknou evangelizační přednášku na téma udělejte si vlastní plugin měl na Barcampu Bohdan Ganický.

Přiznávám, že právě tato prezentace motivovala i mě, abych si udělal triviální plugin, který u daného elementu prohodí barvu popředí a pozadí (za optimalizaci kódu patři dík opět Bohdanovi).

Právě při jeho tvorbě jsem vyšel ze skeletonu, použitelného i pro konfigurovatelné pluginy (tj. ty s options).

;(function($) {
/**
* Skeleton for jQuery plugin
* @param {Object} options
*/
$.fn.samplePlugin = function(options) {
// extends options with the default one
var opts = $.extend({}, $.fn.samplePlugin.defaults, options);
// iterate and process each matched element
return this.each(function() {
var $this = $(this); // jQuery object for this element
//do what is needed
});
};
// samplePlugin default options
$.fn.samplePlugin.defaults = {};
})(jQuery);

 

1 komentář u “jQuery plugin snadno a rychle

Komentáře nejsou povoleny.