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);
Článek vložen 26. března 2010 a označen štítky jquery. Komentáře můžete sledovat také přes RSS 2.0 kanál..
21. dubna 2010 11:32
Pro zajimavost - ultimatni invert plugin od Paula Irishe: http://paulirish.com/demo/invert