Criando um plugin

Quem sou eu?

●Guilherme Rey

●Corinthiano

●Computeiro

Por que plugins?

Primeiro passo

jQuery.fn.meuplugin = function () { // Meu super plugin

};

O sinal

● Mas e o $? Posso usar numa boa?

O sinal

● Mas e o $? Posso usar numa boa?● Até pode, mas e se conflitar?

O sinal

● Mas e o $? Posso usar numa boa?● Até pode, mas e se conflitar?● Mas assim: (com closure)

(function( $ ) { $.fn.seuplugin = function () { // Seu super plugin }; })(jQuery);

O sinal

● Mas e o $? Posso usar numa boa?● Até pode, mas e se conflitar?● Mas assim: (com closure)

● É perfeito!

(function( $ ) { $.fn.seuplugin = function () { // Seu super plugin }; })(jQuery);

Contexto● Temos que pensar no contexto

● É perfeito!

$('elemento').seuplugin(); (function( $ ) { $.fn.seuplugin = function () { // Aqui o this é um objeto jQuery // $(this) = $($(this))

// Isso funciona: this.show('fast', function(){ // Aqui, this é um elemento DOM }); }; })(jQuery);

Como diria o Tite...

● ... vamos manter a "Correntabilidade"!

as

● Assim, a corrente continua! $(obj).metodo().metodo()...

(function( $ ) { $.fn.seuplugin = function () { return this.each(function () { // Seu super plugin }); }; })(jQuery);

Code!

● Let's code!

Obrigado!@guilhermerey

www.guilhermerey.com.br