Forum PHP.pl > [jquery] ajax postem

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

Beynar

10.02.2009, 20:31:11

Kiedy zaladuje jakis content ajaxem, w ktorym jest form na ktorym chce wykonywac pozniej skrypt js, to nie dziala ten skrypt na tym doladowanym formie.
(wszystko w jquery).

Kod

$(function(){

$("<div id='step'></div>").load("fog/from-db-table", {"step":1}, function(){
         $(this).hide()
                .appendTo("#content")
                .slideDown(1000);
     });

$('#db_connect').submit(function(event){
     alert("aaa");
     event.preventDefault();

     var data =
     {
         'host':$("#db_connect input:eq(0)").val(),
         'port':$("#db_connect input:eq(1)").val(),
         'username':$("#db_connect input:eq(2)").val(),
         'password':$("#db_connect input:eq(3)").val(),
         'dbname':$("#db_connect input:eq(4)").val(),
         'db_adapter':$("#db_connect select:eq(0)").val()
     };

     $.post("fog/db-conn-set", data, function(data, status){
     });
})
})

#db_connect to id formu (zaladowanego ajaxem)

kiedy wysylam form to zdarzenie: $('#db_connect').submit nie zachodzi

Gdybym form ten zaladowal normalnie (nie-ajaxem) to by dzialalo.

lord_t

10.02.2009, 21:20:18

~~Poczytaj o live().~~ Był też jakiś plugin do tego, chyba ten: livequery

Sorka live nie obsługuje chwilowo submita

Beynar

11.02.2009, 15:36:26

hm

wiec jak to moge obejsc?
probowalem ten kawalek kodu js przeniesc pod html ktory doladowywuje ajaxem (zeby go doladowac razem) ale mimo to nie dziala

lord_t

14.02.2009, 11:43:05

Czytałeś w ogóle o tym livequery?

Po dołączeniu livequery do strony (tej na której uruchamiasz ajaxa) o ile się nie mylę Twój kod powinien wyglądać tak

Kod

$(function(){

$("<div id='step'></div>").load("fog/from-db-table", {"step":1}, function(){
         $(this).hide()
                .appendTo("#content")
                .slideDown(1000);
     });

$('#db_connect').livequery('submit',function(event){
     alert("aaa");
     event.preventDefault();

     var data =
     {
         'host':$("#db_connect input:eq(0)").val(),
         'port':$("#db_connect input:eq(1)").val(),
         'username':$("#db_connect input:eq(2)").val(),
         'password':$("#db_connect input:eq(3)").val(),
         'dbname':$("#db_connect input:eq(4)").val(),
         'db_adapter':$("#db_connect select:eq(0)").val()
     };

     $.post("fog/db-conn-set", data, function(data, status){
     });
})
})

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.