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
Top Related