[JQuery] tworzenie wtyczki, nie działa tak jak powinna

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

[JQuery] tworzenie wtyczki, nie działa tak jak powinna

scalar Zobacz profil	24.03.2012, 07:50:00 Post #1
Grupa: Zarejestrowani Postów: 13 Pomógł: 0 Dołączył: 26.04.2003 Skąd: Łaziska Górne Ostrzeżenie: (0%)	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.