Witam,
zrobiłem sobie div'a, w nim formularz z kilkoma polami typu text, oraz input button do wysyłania tego poprzez ajax jquery.
Dane trafiają do innego pliku, wykonuje on operację na bazie i zwraca nowy formularz z takimi samymi inputami, ale innymi ich opisami.
Niestety, pierwszy raz jest ok, ale później już naciskanie buttonu nie daje żadnego rezultatu.
Dla testu przeniosłem go poza wysyłany div (tak samo jak form), no i w takim ustawieniu "śmiga" bezproblemowo.
Ciekawość jednak nie pozwala z tym żyć - czemu nie działało gdy button był wewnątrz wysyłango diva?
Na 100% w odpowiedzi szedł identyczny input button, bo kod został po prostu skopiowany.
Pełna wersja: [HTML][JavaScript] jQuery Ajax a submit
a gdzie podpinasz pod button akcje wysylki?
Pewnie odbierając dane dostajesz button juz bez tego podpięcia
POczytaj o LIVE w jquery
Pewnie odbierając dane dostajesz button juz bez tego podpięcia
POczytaj o LIVE w jquery
Input z którego idzie akcja:
akcja jest wywoływana tym:
gdzie cały kod javascript jest w zewnętrznym pliku i załączany przy ładowaniu strony, nie jest przekazywany w ajaxie, więc tego problemu nie ma (o ile dobrze Cię zrozumiałem).
Kod
<input id="testsumbit" type="button" name="wyslij" value="Wyślij odpowiedź" class="button test-submit" />
akcja jest wywoływana tym:
Kod
$("#testsumbit").click(function()
gdzie cały kod javascript jest w zewnętrznym pliku i załączany przy ładowaniu strony, nie jest przekazywany w ajaxie, więc tego problemu nie ma (o ile dobrze Cię zrozumiałem).
No wlasnie nie. Problem jest i to dokladnie ten co napisalem. Przeczytaj jeszcze raz
Uzyj LIVE w jquery
Uzyj LIVE w jquery
Po pierwszym wywołaniu strony js podpina event do twojego formularza i wszystko gra. Jednak po zabawie z Ajaxem zwracany formularz to już nie ten sam dlatego nie działa. Potrzebujesz funkcji Live() tak jak Ci podpowiadał nospor.
@nosor:
Nie no jednak dobrze Cię zrozumiałem
Takie coś z użyciem click(function() jak pisałeś nie zadziała, trzeba użyć live, jest o tym w manualu jquery na przykładzie z bind.
No ale wyrzucenie inputa poza div rozwiązuje problem:
Wtedy może być i click. No ale jak się dorzuci css, to lepiej mieć to w divie jednak
Dzięki za pomoc.
@semper:
No właśnie, o tym przed chwilą się z manuala dowiedziałem.
Nie no jednak dobrze Cię zrozumiałem
Kod
<head>
<!-- TUTAJ MAMY DOLACZANY PLIK Z KODEM JAVASCRIPT -->
</head>
<body>
<form>
<div id="sometest">
<input type="text" name="sometext" value="" />
<input type="button" name="someinput" value="Send" class="someinput" />
</div>
</form>
</body>
<!-- TUTAJ MAMY DOLACZANY PLIK Z KODEM JAVASCRIPT -->
</head>
<body>
<form>
<div id="sometest">
<input type="text" name="sometext" value="" />
<input type="button" name="someinput" value="Send" class="someinput" />
</div>
</form>
</body>
Takie coś z użyciem click(function() jak pisałeś nie zadziała, trzeba użyć live, jest o tym w manualu jquery na przykładzie z bind.
No ale wyrzucenie inputa poza div rozwiązuje problem:
Kod
<head>
<!-- TUTAJ MAMY DOLACZANY PLIK Z KODEM JAVASCRIPT -->
</head>
<body>
<form>
<div id="sometest">
<input type="text" name="sometext" value="" />
</div>
<input type="button" name="someinput" value="Send" class="someinput" />
</form>
</body>
<!-- TUTAJ MAMY DOLACZANY PLIK Z KODEM JAVASCRIPT -->
</head>
<body>
<form>
<div id="sometest">
<input type="text" name="sometext" value="" />
</div>
<input type="button" name="someinput" value="Send" class="someinput" />
</form>
</body>
Wtedy może być i click. No ale jak się dorzuci css, to lepiej mieć to w divie jednak
Dzięki za pomoc.
@semper:
No właśnie, o tym przed chwilą się z manuala dowiedziałem.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.