X

Aleproste na FaceBook'u

Reklama.

[jQuery]Tworzenie własnych wtyczek :: Przykładowy kod - szablon

Biblioteka jQuery umożliwia bardzo proste dodawanie własnych wtyczek, które z punktu widzenia całej biblioteki zachowują się tak samo jak te wbudowane oryginalnie, zawarte w bibliotece jQuery.

Własne wtyczki to przy nawet niezbyt skomplikowanym zadaniu ( oczywiście należy zachować zdrowy rozsądek )  to dużo lepsze rozwiązanie niż doraźnie napisany kod.

Własna wtyczka to gotowa funkcjonalność z wstępnie zadeklarowanymi parametrami. Modyfikacja wtyczki nie wymaga ingerencji w kod projektu, a jedynie w podlinkowany plik zawierający kod naszej wtyczki. Taki gotowy plik z własnymi wtyczkami możemy łatwo wykorzystywać w różnych projektach.

Oto gotowy kod - szablon do tworzenia własnych wtyczek:

jQuery.fn.outAction = ( function($){ 
 
   return function(opcje) { 

    var ust = $.extend({ 
     //-miejsce na deklarację parametrów domyślnych
    }, opcje); 

    return this.each(function() { 
     
	  //-miejsce na naszą funkcjonalność
	  //-funkcja : this.each() zapewnia wykonanie funkcji dla każdego dopasowanego elementu
   });
	 
  }; 
 
 })(jQuery);

Stosując pełną składnię polecenia jQuery.fn.nazwa_naszej_wtyczki unikniemy potencjalnych konfliktów. Wszystkie zmienne wewnętrzne są też odseparowane od pozostałego kodu jQuery i JavaScript

Przykład praktyczny, czyli np. obsługa zdarzenia onclick(), które do tej pory musieliśmy umieszczać w kodzie HTML np. tak:

<a href="adres.html" onclick="return confirm('Napeno wykonać tą akcję')">AKCJA</a>

Powyższy kod w akcji:

<a href="market24.etvn.pl target="_blank" onclick="return confirm('Kliknij OK. a zobaczysz mój sklep')">AKCJA</a>

Jak to będzie wyglądało w jQuery

opublikowane 12-01-20118 powrót

Tylko dla zalogowanych użytkowników.

Dalsza część publikacji tylko dla zalogowanych użytkowników.

© aleproste.pl v.10 Projekt i realizacja projekt.etvn.pl & aleproste.pl