2

Estou tentando excluir um registro a partir da janela modal do Bootstrap, mas não está dando certo.

Vejam como eu fiz:

Ao clicar no botão de exclusão de algum determinado registro

<a class="btn btn-primary delete" href="#" data-href="#" data-target="#confirm-delete" data-toggle="modal"  id="<?php echo $codigoform;?>">Apagar experiência</a>

O jQuery interpreta o comando:

$('a.delete').click(function() {

    var id = $(this).attr('id');
    var data = 'id=' + id ;
    var parent = $(this).parent().parent().parent().parent();

    var $meu_alerta = $("#confirm-delete");

    $meu_alerta.modal().find(".btn-ok").on("click", function() {

        $.ajax({
            type: "POST",
            url: "deletar_formacao.php",
            data: data,
            cache: false,

            success: function() {
                parent.fadeOut('slow', function() {$(this).remove();});
                window.location.reload();
            }
        });

    });
});

A página "deletar_formacao.php" lê o código por meio do método post e exclui o registro.

Detectei que é como se a janela modal e o evento onclick da classe delete estivessem competindo. Poderiam me dar uma ajuda?

2 Respostas 2

3
$("a.delete").click(function(){
    var $this = $(this);
    var id = $this.attr("id");
    var data = 'id=' + id ;
    var $meu_alerta = $("#confirm-delete");
    $meu_alerta.modal().find(".btn-ok").on("click", function(){
        // $.ajax[...]
    });
});

JSFiddle

7
  • 3
    Com var id = this.id; poupas uma linha e usas menos jQuery.
    – Sergio
    Commented 29/06/2016 às 22:29
  • Olá, Sergio e William. Por gentileza, vejam acima o meu código editado. Onde que estou errando?
    – Eduardo
    Commented 30/06/2016 às 16:15
  • Quando executo o código, a janela modal abre e fecha ao mesmo tempo. verifiquei que se eu ocultar a linha -> var $meu_alerta = $("#confirm-delete") o modal aparece, porém, eu não consigo excluir.
    – Eduardo
    Commented 30/06/2016 às 21:48
  • achei que sozinho o show era disparado pela função modal, então tenta com $meu_alerta.modal('show') para ver se firma
    – user49127
    Commented 30/06/2016 às 23:51
  • tambem sem sucesso :/
    – Eduardo
    Commented 1/07/2016 às 0:59
1

Faça da seguinte forma:

<a class="btn btn-primary delete" id="<?php echo $codigoform;?>">Apagar experiência</a>

Observe que retirei a chamada da modal através botão.

E pelo jquery, você o chama normalmente.

var id = $(this).attr('id');
            var data = 'id=' + id ;
$('#confirm-delete').modal('show'); 

        $("#confirm-delete").modal().find(".btn-ok").on("click", function(){
...

Utilize esta lógica e veja se dá certo.

1
  • Agora deu certo, pessoal! Agradeço a todos!!!!
    – Eduardo
    Commented 1/07/2016 às 12:59

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .