Problemas com buttons gerados dinamicamente

[douglasfigsuza 0]

Boa tarde pessoal,

é o seguinte estou gerando alguns botões dinamicamente com ajax dentro de celulas de uma tabela, porém nao consigo vincular eventos a esses botoes e aparentemente esta tudo correto, segue o código:

   $(".fun_ativo_inativo").click(function () {
        var tipo = ($(this).val());
        //limpa a table sempre que é escolhido o tipo 
        $.ajax({
            type: "GET",
            url: "/Funcionarios/BuscaAtivosInativos",
            datatype: "Json",
            data: { categoria: tipo },
            success: function (data) {
                $(".lista-funcionarios").show();
                $("#listaDeFuncionarios tbody>tr").remove();
                $(data).each(function (i) {
                    var tbody = $('#listaDeFuncionarios tbody');
                    var tr = "<tr>";
                    tr += "<td>" + data[i].DESC_MAQ"
                     tr += "<td>" + data[i].DESC_MAQ"
    tr += "<td>" + data[i].DESC_MAQ"
                    tr += "<td> <button class=teste>Teste</button>"
                    tbody.append(tr);



                });


            }, error: function ajaxError(data) {
                alert(data.status + ' ' + data.statusText)
            }
        });
    });

quando essse código é gerado e o botão é clicado era para criar um form, era para exibir um alert

jQuery('.teste').delegate('a','click' ,function() {
        alert("deu certo");
    });

mas nada acontece.

Desde ja obrigado.

[William Bruno 1501]

Está incorreto o teu delegate. Execute assim:

 

jQuery('body').on('click', '.teste', function() {
    alert("deu certo");
});

[douglasfigsuza 0]

Valeu cara assim deu certim ! abrass