Modal Pop Up - Bootstrap 3 - Ajax

[marcosmendes 4]

Boa noite Programadores,

Tenho um Modal com Bootstrap 3, neste modal tenho um botão "Sim".

Gostaria de no evento de click deste botão esconde-lo com o método

$("#myModal").modal('hide');

e depois executar uma requisição AJAX. Só que após o HIDE o Ajax não funciona, também não funciona Antes. O problema é o botão ser no Modal.

Por exemplo:

$("#modal-button-yes").click(function(){    // Click do botão SIM

     $("#bw-modal-ref").modal('hide');  // Esconde  o Modal
      
     $.ajax({ // Não funciona
           
           // Lógica        

     });

});

O método Ajax funciona perfeitamente com um botão sem ser o botão do modal.
Então percebi que o problema está no modal.

O que eu já tentei :

Mudei o botão de <button> para <input>, mais não resolveu.
Mudei o botão <input> para um link <a>, mais tambem não resolveu.
Tentei colocar um setTimeout() para compensar o tempo do HIDE, mais não resolveu.
Coloquei a lógica do Ajax no evento de click de outro botão e chamei o evento no botão do modal

Alguém já teve esse problema com o MODAL ?

[William Bruno 1501]

Use o método on() no estilo delegate para fazer esse click

[marcosmendes 4]

Olá Bruno, utilizei assim

$("#modal-button-yes").on('click', function() { 

  $("#bw-modal-ref").modal('hide'); // Fecha o moodal

  $.ajax({ // Não funciona

  // Lógica 

  });

});

Mais infelizmente não resolveu.

[William Bruno 1501]

faltou vc fazer o delegate

 

$('#id_do_pai').on('click', '#seu_elemento', function(){
//...