Forum PHP.pl > [JQuery] tworzenie wtyczki, nie działa tak jak powinna

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JQuery] tworzenie wtyczki, nie działa tak jak powinna

Forum PHP.pl > Forum > Po stronie przeglądarki

scalar

24.03.2012, 07:50:00

Stworzyłem wtyczkę którą zastosowałem dla wszystkich $('input') pól input w dokumencie. Wtyczka ma za zadanie sformatowanie pola input i dodanie po obu stronach przyciski dodaj i usuń zwiększające i zmniejszające wartość tego pola. W pierwszej fazie działa prawidłowo, formatuje wszystkie pola, dodaje przyciski, które nawet działają. jednak kliknięcie któregokolwiek z nich powoduje zmianę wartości we wszystkich polach. Zależy mi na zastosowaniu tego pluginu w sposób "hurtowy", ponieważ będzie on zastosowany w tabeli która będzie się dynamicznie zmieniała.

[HTML] pobierz, plaintext 
                                jQuery.fn.td_amountsof = function(options) 
                                {
                                   var defaults = { min:     0,
                                                    max:     999,
                                                    maxlen:  3,
                                                  }; 
 
                                   // rozszerzenie domyślnej konfiguracji
                                   var options = $.extend(defaults, options);
 
                                   var $this = $(this);
 
                                   if(!$this.val()) $this.val(0);
 
                                   $this.attr('maxlength',options.maxlen);
                                   $this.css({'width':options.maxlen*10,
                                              'text-align': 'center'});
 
                                   $this.before('<A>a</A>');
                                   $this.prev().empty().wrapInner('<DIV>minus</DIV>');
 
 
                                   $this.after('<A>a</A>');
                                   $this.next().empty().wrapInner('<DIV>plus</DIV>');
 
                                   $this.prev().click(function()
                                                           {
                                                             if(options.min < parseInt($this.val())) $this.val(parseInt($this.val())-1);
                                                           }
                                                          );
                                   $this.next().click(function()
                                                           {
                                                             if(options.max > parseInt($this.val())) $this.val(parseInt($this.val())+1);
                                                           }
                                                          );
                                };
 
                                $("input").td_amountsof();
 
 
<BODY>
  <INPUT Type="text" id="1">  
  <INPUT Type="text" id="2">
  <INPUT Type="text" id="3">  
  <INPUT Type="text" id="4">
  <INPUT Type="text" id="5">  
  <INPUT Type="text" id="6">
  <INPUT Type="text" id="7">  
  <INPUT Type="text" id="8">
</BODY>
[HTML] pobierz, plaintext

proszę o sugestie.

zauważyłem że plugin wykonuje się tylko raz dla pierwszego elementu, ale stosuje dla wszystkich, sprawdziłem to wstawiając alert($this).attr('id') - zwracało tylko raz "1". Myślałem że wykona się tyle razy ile jest inputów, przyznaję że nie rozumiem tego mechanizmu.

toffiak

24.03.2012, 08:09:26

Nie iterujesz po każdym elemencie z osobna
http://docs.jquery.com/Plugins/Authoring
http://addictedtonew.com/archives/414/crea...n-from-scratch/

scalar

24.03.2012, 08:25:25

dziękuję, taka mała rzecz a cieszy.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.