none
Problemas com buttons gerados dinamicamente RRS feed

  • Pergunta

  • 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.

    quinta-feira, 26 de novembro de 2015 19:07

Todas as Respostas

  • Boa tarde.

    Tente:

    <button class='teste'>

    Caso não dê certo, se somente os botões são gerados dinamicamente, faça o seguinte:

    $('#controle-pai').on('click', '.controle-filho', function () {

    Porém se as linhas são geradas também, por que não fazer de uma maneira mais simples:

    <button onclick='clickTeste()'>Teste</button>
    
    <script>
        function clickTeste() {
            alert("Olá");
        }
    </script>

    Att., Rafael Simor

    quinta-feira, 26 de novembro de 2015 19:37