(Resolvido) JQuery -Evento click na table feito no append

[rafaeldorazio]

var params = "{ Parametro1: '" + $("#txt").val() + "'}";
                $.ajax({
                    type: "POST",
                    data: params,
                    dataType: "json",
                    url: "http://localhost:3672/Jquery/WebService.asmx/GetPersons",
                    contentType: "application/json; charset=utf-8",
                    success: function(data) {

                        var table = "<table id='gv'><tr><td style='border: 1px solid #000;'>Nome</td><td style='border: 1px solid #000;'>Idade</td></tr>";
                        for (var i = 0; i < data.d.length; i++) {

                            var dados = data.d[i];
                            table += "<tr class='row'>";
                            table += "<td type='textbox'>" + dados.Nome + "</td>";
                            table += "<td type='textbox'>" + dados.Idade + "</td>";
                            table += "</tr>";

                        }
                        table += "</table>";
                        $("#teste").wrap(table);

                    }

                });

                $("#gv").click( function(event) {

                    alert($(this).attr("id"));

                });

O evento click não está sendo acionado, porque ?

Detalhe,o metodo $.ajax funciona !

Editado Agosto 2, 2010 por rafaeldorazio

[Eric Freitas]

porque "#gv" não existe antes que seja chamado pelo ajax então essa função que alerta o id do elemento deve ser chamada como callback da chamada ajax do jquery

[rafaeldorazio]

como eu faria esse callback ?

[Eric Freitas]

coloque

$("#gv").click( function(event) {

                    alert($(this).attr("id"));

                });

depois de

$("#teste").wrap(table);

o callback é onde você está criando a tabela apos escrever a tabela na pagina você chama a função do click assim deve funcionar xD

[rafaeldorazio]

então eric, já está apos de ser criada. Logo que carrega a pagina é feito wrap e depois vem o codigo do evento click !

[Eric Freitas]

resolveu seu problema?

[rafaeldorazio]

não, eu já estava usando o evento click após o wrap ser executado !

[Eric Freitas]

var params = "{ Parametro1: '" + $("#txt").val() + "'}";
                $.ajax({
                    type: "POST",
                    data: params,
                    dataType: "json",
                    url: "http://localhost:3672/Jquery/WebService.asmx/GetPersons",
                    contentType: "application/json; charset=utf-8",
                    success: function(data) {

                        var table = "<table id='gv'><tr><td style='border: 1px solid #000;'>Nome</td><td style='border: 1px solid #000;'>Idade</td></tr>";
                        for (var i = 0; i < data.d.length; i++) {

                            var dados = data.d[i];
                            table += "<tr class='row'>";
                            table += "<td type='textbox'>" + dados.Nome + "</td>";
                            table += "<td type='textbox'>" + dados.Idade + "</td>";
                            table += "</tr>";

                        }
                        table += "</table>";
                        $("#teste").wrap(table);
$("#gv").click( function(event) {

                    alert($(this).attr("id"));

                });

                    }

                });

não me entendeu. coloque dessa forma

[rafaeldorazio]

Eric funcionou apenas desse modo:

$("#gv").live("click", function(event) {

Vlw pela ajuda

Pode fechar