Problem ze wskazaniem konkretnego formularza w jQuery Opcje

[Barton]

Witam,

Napisałem taką funkcję obsługującą dodawanie komentarzy formularza:

[HTML] pobierz, plaintext 
					$('#commentform').submit(function() {
 
						  var $form = $(this);
						  $inputs = $form.find("input, select, button, textarea"),
						  serializedData = $form.serialize();
						  $inputs.attr("disabled", "disabled");
 
								$.ajax( {type: 'POST', url: 'dodaj.html', dataType:'json', data: serializedData, success: function(dane) { 
 
								$inputs.removeAttr("disabled"); 
								$('.komentarzform' + dane.id).prepend('...');
								var ile = $('#divkomentarz' + dane.id).css('height');
								var iles = parseInt(ile);
								var ilenowy = $('#nowykomentarz' + dane.id).css('height');
								var ilenowys = parseInt(ilenowy);
								var suma = iles + ilenowys;
								$('#divkomentarz' + dane.id).css('height', suma + 'px');
								$('#nowykomentarz' + dane.id).slideDown("slow");
 
							 }, error: function (XMLHttpRequest, textStatus, errorThrown) { alert(errorThrown); }});
 
						  return false;					
 
					});
[HTML] pobierz, plaintext 

Problem jest taki, że działa ona tylko w pierwszym divie z komentarzami, czyli odnośnie pierwszego formularza. Zakładając że mam na stronie 10 formularzy, po dodaniu komentarza za pomocą pierwszego komentarz się pojawia tam gdzie powinien. Korzystając z jakiegokolwiek innego, komentarz również dodaje się tam gdzie powinien, ale po przeładowaniu strony, co jest bardzo dziwne gdyż plik PHP obsługujący dodawanie elementów do bazy nie ma nawet nagłówka kierującego z powrotem na stronę główną. Odnoszę wrażenie że to przez brak odniesienia do konkretnego formularza. Co przypisać zmiennej $form żeby zawsze odnosiła się do odpowiedniego

Ten post edytował Barton 16.03.2012, 13:30:55

[Barton]

Dzięki za szybką odpowiedź. Teraz moja funkcja wygląda tak:

[HTML] pobierz, plaintext 
					$('#commentform')each(function(element) {
						element.submit(function() {
 
						  var $form = $(this);
						  $inputs = $form.find("input, select, button, textarea"),
						  serializedData = $form.serialize();
						  $inputs.attr("disabled", "disabled");
 
								$.ajax( {type: 'POST', url: 'dodaj.html', dataType:'json', data: serializedData, success: function(dane) { 
 
								$inputs.removeAttr("disabled"); 
								$('.komentarzform' + dane.id).prepend('...');
								var ile = $('#divkomentarz' + dane.id).css('height');
								var iles = parseInt(ile);
								var ilenowy = $('#nowykomentarz' + dane.id).css('height');
								var ilenowys = parseInt(ilenowy);
								var suma = iles + ilenowys;
								$('#divkomentarz' + dane.id).css('height', suma + 'px');
								$('#nowykomentarz' + dane.id).slideDown("slow");
 
							 }, error: function (XMLHttpRequest, textStatus, errorThrown) { alert(errorThrown); }});
 
						  return false;					
 
						});
					});
[HTML] pobierz, plaintext 

I w tym momencie strona odświeża się przy każdym formularzu, nawet tym pierwszym. (IMG:style_emoticons/default/sad.gif) Poza tym wciąż się zastanawiam jakim cudem strona się przeładowuje gdyż poza JavaScriptem nie ma żadnych instrukcji wracających na stronę główną.

Ten post edytował Barton 16.03.2012, 13:42:40