Bootstrap modal с обратной связью не отклоняется

Question

Я использую BS Modal, чтобы показать отзыв в форме информационного бюллетеня. Он использует AJAX и PHP для вставки электронных писем в БД и возвращает STATUS.

Ответы PHP и AJAX работают нормально, с проверками и всем, НО, когда я вызываю Modal с помощью JS, чтобы показать обратную связь, модаль больше не закрывается, не может быть отклонен.

Модальное:

<div id="myModal" class="modal fade" role="dialog"> 
    <div class="modal-dialog"> 
    <!-- Modal content--> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal">&times;</button> 
     <h4 class="modal-title">ENGINE|Sistemas</h4> 
     </div> 
     <div class="modal-body"> 
     <p id="response"></p> 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-primary" data-dismiss="modal">Fechar</button> 
     </div> 
    </div> 
    </div> 
</div> 

И JS:

$(function() 
{ 
    var form = $('#newsletter-form'); 
    $(form).submit(function(e) 
    { 
    e.preventDefault(); 

    var formData = $(form).serialize(); 

    $.ajax({ 
     type: 'POST', 
     url: $(form).attr('action'), 
     data: formData 
    }) 

    // ---------------------------------------- 
    // Success 
    // ---------------------------------------- 
    .done(function(response) 
    { 
     $('#myModal').modal('show'); 
     $('#myModal, #response').replaceWith(response); 
     $('#newsletter-email').val(''); 
    }) 

    // ---------------------------------------- 
    // Error 
    // ---------------------------------------- 
    .fail(function(data) 
    { 
     if (data.responseText !== '') 
     { 
     $('#myModal').modal('show'); 
     $('#myModal, #response').replaceWith(data.responseText); 
     } 
     else 
     { 
     alert('Ocorreu um erro! Seu email não foi cadastrado.'); 
     } 
    }); 
    }); 
}); 

Я не понимаю, почему Тхо модальный проявляется совершенно с ответом, но просто не закрывается больше ...

Любая помощь?

Answer 1

Вы видите ошибку js в консоли ?? если нет, попробуйте следующее:

$("#myModal").on('hidden', function(){ 
    $("#myModal").remove(); 
    $('.modal-backdrop').remove(); 
}); 

Answer 2

Ну, теперь это работает.

Я не знаю, почему, но ответ блокировал модальное поведение.

решенный просто изменение:

$('#myModal').modal('show'); 
    $('#myModal, #response').replaceWith(data.responseText); 

к

$('#myModal').modal('show'); 
    $('#response').text(data.responseText); 

=)