[jQuery][html] Zmiana id dla submita i onclick Opcje

[AoW]

Witam.

od kilku dni walcze z pewnym problemem. Chodzi o wysylke formularza przez Jquery. Skrypt działa bez problemów na podstronie gdzie wyśtępuje 1 formularz.
Jednak na innej podstronie, gdzie tych formularzy mam 15, pojawia mi sie mnóstwo problemów. Z większością udało mi się uporać, jednak nie rozumiem dlaczego jquery nie "łapie" mi zmienionego id buttona.

Uprościłem skrypt do granic możliwości, aby nie wklejać tutaj dziesiątek kodu i sedno problemu jest zachowane, mianowicie:

[PHP] pobierz, plaintext 
     <script>
$(document).ready(function(){
 
    $("a.link").click(function(e) {
      $(this).parent().find( "#btnSave" ).attr("id","btnSaveAkt");
    });
 
    	$('#btnSaveAkt').click(function() {
      alert('test');
      });
});
</script>
[PHP] pobierz, plaintext 

[HTML] pobierz, plaintext 
  <a href="#" class="link">Zmien</a>
 
         <form onsubmit="return false" method="POST" name="addRunner" id="addRunner" class="1">
         <button id="btnSave" name="btnSave" type="submit">Wyslij list</button>
         </form>
[HTML] pobierz, plaintext 

Czyli tak. Mam formularz z buttonem o id="btnSave". Po kliknięciu w link Zmien, jquery poprawnie zmienia mi id buttonu z btnSave na btnSaveAkt. Jednak po tej zmianie nie działa funkcja $('#btnSaveAkt').click(function()... (zaznaczam, ze musze uzyc funkcji zmiany ID ze wzgledu na to, ze na swojej podstronie mam 15 takich formularzy).

Może ktoś podpowiedzieć dlaczego?

Pozdrawiam,
AoW

PS) Skrypt mozna przetestowac tutaj: http://mapaszczecina.vdl.pl/jquery/index.php

Ten post edytował AoW 10.09.2014, 11:36:07

[Turson]

Nie łapie takiego id, bo nie ma go w DOM podczas załadowania strony.
http://stackoverflow.com/questions/1509094...dynamic-content

[AoW]

Ale DOM poprawnie jest przekształcany po kliknięciu w link ZMIEN, a funkcja click jest uruchamiana po przebudowaniu DOM (sądziłem zatem, że powinno "łapać").

...to tak na szybko. A teraz idę studiować link, który podałeś. Dziękuje.

[Turson]

DOM jest załadowany, a kolejny element jest dynamiczny stad klopot

[AoW]

Ok, działa.

Zmiana na

[PHP] pobierz, plaintext 
 
            $('body').on('click', '#btnSaveAkt', function() {
            alert('test');
});
[PHP] pobierz, plaintext 

Zaraz postaram się wdrożyć to do głównego projektu.

EDIT: Również działa. Pozdrawiam

Ten post edytował AoW 10.09.2014, 12:08:04