[JavaScript] jQuery - zdarzenia na nowo dodanych elementach Opcje

[mbak]

Witam mam problem z jQuery... otóż chcę żeby w trakcie uzupełniania formularza dodawały się do niego nowe pola:
mam trzy pola tekstowe -> po kliknięciu w pierwsze z nich (z klasą dodaj-pole) zostaje wstawiona kolejna linijka z trzema następnymi polami -> w następnej linijce to samo, po kliknięciu dodaje się nowa linijka itd. do momentu aż wprowadzę tyle danych ile potrzebuje. Niby działa, ale nowa linijka wstawia się tylko po kliknięciu na pierwsze pole pierwszej linijki.
Przy kliknięciu w drugiej (nowo dodanej) linijce nic się nie dzieje - tak jakby jQuery wogóle nie odczytywało kliknięcia w to pole.
Dodam że skrypt czyta kliknięcie w pole input o klasie dodaj-pole. Oto mój kod:

[HTML] pobierz, plaintext 
			<div class="oc">
				<div class="oc1">
					1.
				</div>
				<div class="oc1">
			              <input placeholder=" Wpisz ocenę" class="dodaj-pole" name="nazwa1" value="" id="nazwa1" type="text">
                                      <p class="ukryty">2</p>
				</div>
				<div class="oc1">
			              <input placeholder=" Wpisz ocenę słownie" name="nazwa_slownie1" value="" id="nazwa_slownie1" type="text">
				</div>
				<div class="oc1">
			              <input placeholder=" Wpisz ocenę liczbowo" name="ocena_liczbowo1" value="" id="ocena_liczbowo1" type="text">
				</div>
			</div>
                        <br class="koniec-form">		
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
	function dodaj (event) {
 
		var id = $(this).attr('id');
 
		var numer = $('#'+id+' + p').text();
 
		console.log(id);
 
		console.log(numer);
 
		if(numer!='') {
 
			nastepny = parseInt(numer) + 1;
 
//tutaj wstawienie kolejnej linijki formularza:
 
			$('br.koniec-form').before('<div class="oc"><div class="oc1">'+numer+'.</div><div class="oc1"><input placeholder=" Wpisz ocenę" class="dodaj-pole" name="nazwa'+numer+'" value="" id="nazwa'+numer+'" type="text">	<p class="ukryty">'+nastepny+'</p>				</div><div class="oc1"><input placeholder=" Wpisz ocenę słownie" class="dodaj-pole" name="nazwa_slownie'+numer+'" value="" id="nazwa_slownie'+numer+'" type="text"></div><div class="oc1"><input placeholder=" Wpisz ocenę" class="dodaj-pole" name="ocena_liczbowo'+numer+'" value="" id="ocena_liczbowo'+numer+'" type="text"></div></div>');
 
			$('#'+id+' + p').text('');  
		}
 
	}
 
	$("input.dodaj-pole").on("mousedown", dodaj);
[HTML] pobierz, plaintext 

Czy ktoś poratuje mnie? (IMG:style_emoticons/default/smile.gif)




EDIT:
Chyba rozwiązałem problem:
Zmieniłem odczytanie zdarzenia w jQ na takie:

[HTML] pobierz, plaintext 
	$(document).on("keypress", ".dodaj-pole", dodaj);
[HTML] pobierz, plaintext 

Póki co działa bez problemu (IMG:style_emoticons/default/smile.gif)

Ten post edytował mbak 27.04.2015, 10:09:05

[viking]

W chwili gdy inicujesz jquery nie ma jeszcze elementów więc nowo powstałe nie mają zdarzeń. Przypinać nasłuch do document nie ma żadnego sensu, znajdź wspólnego rodzica. Tu masz więcej o temacie: http://wwwgo.pl/article/15/jquery%2C_zdarz...e_metoda_%24.on