capturar click do botão gerado dinamicamente

[gabrielfalieri 15]

Bom dia galera do Imasters.

Eu estou precisando achar alguma forma de capturar o click do botão gerado dinamicamente por um outro botão.

var counterResponsibles = 2; //recebe 2 pois já tem essa mesma div   
$("#addButtonResonsavel").click(function () {

        if(counterResponsibles>10){
            alert("Apenas 10 responsaveis permitidos");
            return false;
        }
        var divResponsible = $(document.createElement('div')).attr("id", 'TextBoxDiv' + counterResponsibles);
        divResponsible.after().html("<div class='col-xs-5 col-sm-5 col-md-5 col-lg-5'><label for='txtNomeResponsavel'>Nome do responsável "+counterResponsibles+": </label><div class='input-group has-feedback' id='divCidade'><div class='input-group-addon'><i class='fa fa-user'></i></div> <input type='text' class='form-control input-group' name='txtNomeResponsavel' placeholder=' Informe o responsável:'id='txtCidade' autocomplete='off' maxlength='50'></div></div><div class='col-xs-5 col-sm-5 col-md-5 col-lg-5'> <label for='txtCargoResposavel'>Cargo do responsável "+counterResponsibles+": </label><div class='input-group has-feedback' id='divCidade'><div class='input-group-addon'><i class='fa fa-envelope'></i></div> <input type='text' class='form-control input-group' name='txtCidade' placeholder=' Informe o cargo:'id='txtCargoResposavel' autocomplete='off' maxlength='50'> </div> </div> <div class='col-xs-6 col-sm-6 col-md-6 col-lg-6'> <label for='txtCep'>Telefone 1 do responsável "+counterResponsibles+": </label><div class='input-group' id='divTelefone'><div class='input-group-addon'> <i class='fa fa-phone'></i> </div><input type='textbox' class='input-group form-control' name='txtTelefone'  placeholder='Informe o telefone' id='txtTelefone'  autocomplete='off' onKeyPress='return BloqueiaLetras(event);' maxlength='9'></div></div> <div class='col-xs-1 col-sm-1 col-md-1 col-lg-1'> <button type='button' value='' class='btn btn-success' id='btnAdicionarTelResponsavel"+counterResponsibles+"'><i class='fa fa-plus'></i></button> <button type='button' value='' class='btn btn-danger' id='btnRemoverTelResponsavel"+counterResponsibles+"'><i class='fa fa-remove'></i></button></div><div class='col-xs-12 col-sm-12 col-md-12 col-lg-12'><div id='addTelefone'></div></div><div class='col-xs-6 col-sm-6 col-md-6 col-lg-6'> <label for='txtEmail'>E-mail 1 do responsável "+counterResponsibles+": </label><div class='input-group' id='divEmail'><div class='input-group-addon'><i class='fa fa-envelope'></i></div> <input type='textbox' class='input-group form-control' name='txtEmail'  placeholder='Informe o Email'id='txtEmail'  autocomplete='off' maxlength='60'>  </div> </div> <div class='col-xs-1 col-sm-1 col-md-1 col-lg-1'> <button type='button' value='' class='btn btn-success' id='btnAdicionarEmailResponsavel"+counterResponsibles+"'><i class='fa fa-plus'></i></button><button type='button' value='' class='btn btn-danger' id='btnRemoverEmailResponsavel"+counterResponsibles+"'><i class='fa fa-remove'></i></button> </div><div class='col-xs-12 col-sm-12 col-md-12 col-lg-12'><div id='addEmail'></div></div><div id='groupResponsibles'></div>");
        divResponsible.appendTo("#groupResponsibles");
        counterResponsibles++;
    });

    //remove textbox dinamicamente
    $("#removeButtonResonsavel").click(function () {
        if(counterResponsibles==2){
            alert("Nao se pode mais remover");
            return false;
        }
        counterResponsibles--;
        $("#TextBoxDiv" + counterResponsibles).remove();
    });

Ele já está adicionando o meu botão dinamicamente, só que preciso capturar o click desse botão, que é gerado a partir de um contador

[gabrielfalieri 15]

Alguém?

[AndersonMamede 88]

Adicione o evento click usando o seletor do botão, mas usando a função on (com ela você consegue adicionar eventos mesmo que os elementos sejam criados depois). Fica assim:

$(document).on("click", "seletor-do-botao", function(){

    alert("Teste");

});

obs: você deve adicionar esse evento apenas 1 vez (geralmente na abertura da página)