Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JQuery] tworzenie wtyczki, nie działa tak jak powinna
scalar
post
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 
  1.                                 jQuery.fn.td_amountsof = function(options) 
  2.                                 {
  3.                                    var defaults = { min:     0,
  4.                                                     max:     999,
  5.                                                     maxlen:  3,
  6.                                                   }; 
  7.  
  8.                                    // rozszerzenie domyślnej konfiguracji
  9.                                    var options = $.extend(defaults, options);
  10.  
  11.                                    var $this = $(this);
  12.  
  13.                                    if(!$this.val()) $this.val(0);
  14.  
  15.                                    $this.attr('maxlength',options.maxlen);
  16.                                    $this.css({'width':options.maxlen*10,
  17.                                               'text-align': 'center'});
  18.  
  19.                                    $this.before('<A>a</A>');
  20.                                    $this.prev().empty().wrapInner('<DIV>minus</DIV>');
  21.  
  22.  
  23.                                    $this.after('<A>a</A>');
  24.                                    $this.next().empty().wrapInner('<DIV>plus</DIV>');
  25.  
  26.                                    $this.prev().click(function()
  27.                                                            {
  28.                                                              if(options.min < parseInt($this.val())) $this.val(parseInt($this.val())-1);
  29.                                                            }
  30.                                                           );
  31.                                    $this.next().click(function()
  32.                                                            {
  33.                                                              if(options.max > parseInt($this.val())) $this.val(parseInt($this.val())+1);
  34.                                                            }
  35.                                                           );
  36.                                 };
  37.  
  38.                                 $("input").td_amountsof();
  39.  
  40.  
  41. <BODY>
  42.   <INPUT Type="text" id="1">  
  43.   <INPUT Type="text" id="2">
  44.   <INPUT Type="text" id="3">  
  45.   <INPUT Type="text" id="4">
  46.   <INPUT Type="text" id="5">  
  47.   <INPUT Type="text" id="6">
  48.   <INPUT Type="text" id="7">  
  49.   <INPUT Type="text" id="8">
  50. </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.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
toffiak
post
Post #2





Grupa: Zarejestrowani
Postów: 395
Pomógł: 80
Dołączył: 24.08.2009

Ostrzeżenie: (0%)
-----

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


--------------------
Predefiniowane interfejsy w PHP | PDO Tutorial
Go to the top of the page
+Quote Post
scalar
post
Post #3





Grupa: Zarejestrowani
Postów: 13
Pomógł: 0
Dołączył: 26.04.2003
Skąd: Łaziska Górne

Ostrzeżenie: (0%)
-----

dziękuję, taka mała rzecz a cieszy.
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 20.08.2025 - 02:29
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn