[PORADNIK] Własna wtyczka w jQuery - Devcorner

Question

Witam wszystkich :) Zapraszam do kolejnego posta na moim blogu, w którym na prostym przykładzie przedstawiam jak napisać własny plugin/wtyczkę w jQuery i podpiąć ją do strony. 

Oprócz bardzo podstawej struktury wtyczki, pokaże Ci również jak wprowadzić wejściowe ustawienia do Twojej wtyczki by działała ona również bez podanych parametrów. 

Pozdrawiam i zapraszam do wpisu i napisania własnej wtyczki :)

Wpis na blogu znajdziesz pod tym linkiem.

 

PS: Dziękuje również za bardzo miłe przyjęcie moich poprzednich wpisów :)

Answer 1

Hm… Ale po co później skomplikowałeś tak API tym niepotrzebnym obiektem? Nie łatwiej było zostawić po prostu stringa?

(function($) {
 
	$.fn.colorIt = function(color) {

		color = color || 'red';

		return this.each( function() {
			$(this).css("color", color);
		});
 
	}
 
}(jQuery));

Albo w ES6 to już wgl miodzio:

(function($) {
 
	$.fn.colorIt = function(color = 'red') {

		return this.each( function() {
			$(this).css("color", color);
		});
 
	}
 
}(jQuery));

Tego typu zapis działa obecnie jedynie w lisku, ale wkrótce pewnie trafi do V8.

Comments

Jasne, w tym konkretnym przykładzie taki zapis byłby lepszy, ale zazwyczaj dochodzi więcej parametrów do zdefiniowania i według mnie sposób, który pokazałem jest bardziej przejrzysty i elegencki. Ale dzięki za opinię :)