Проблема с backdrop модального bootstrap

У меня есть проблема, закрыв модального, эта проблема не всегда происходит, хороший деталь, - что он остается backdrop модального их присоединило изображение.

Backdrop del modal

Закрывается модальный, но backdrop пребывай, в форму, в которой я это закрываю, он следующего способа:

$('#Agregar').formValidation({
    opciones..
}).on('success.form.fv', function (e) {
    // Prevent form submission
    e.preventDefault();

    $.ajax({
        type: "POST",
        url: "/VistaPopUp/modalAgregar",
        data: $("#Agregar").serialize(),
        dataType: "json",
        success: function (data) {
            Exito(data);
            $('#ModalAgregar').modal('hide');
        },//mostramos el mensaje de error o exito dependiendo del caso
        error: Error1
    });
});

Послав формуляр он возвращает мне Json с текстом, которого, если я санкционирую вставление или случай противоречил ошибке, этому тексту присоединенное в сообщение бдительности для, который я они показываю использование Toastr и после закрываю модального.

Поскольку я упомянул о них наверху aveces, он закрывается правильно и иногда остается backdrop.

Уже пробуйте меняя способ закрывать модального с $('#ModalAgregar').modal('hide'); и продолжи производить то же самое после нескольких попыток.

Так будь определен я модальный:


7
задан 18.05.2017, 18:18
1 ответ

Я это упорядочил 2 способов:

Одна состоит в том, чтобы снимать класс fade из модального в твоих главных <div>

И вторая состоит в том, чтобы вынуждать q backdrop уйдите после твоего success handler

$('body').removeClass('modal-open');
$('.modal-backdrop').remove();

Из-за просьбы OP и применять cГіdigo Гєnicamente, если он оставался видимым backdrop

...
$('#ModalAgregar').modal('hide');
if ($('.modal-backdrop').is(':visible')) {
  $('body').removeClass('modal-open'); 
  $('.modal-backdrop').remove(); 
};
...
7
ответ дан 24.11.2019, 14:17
  • 1
    Я не произошел с собой и # 243; делать это стольким отчаянием решения акцента следующего способа if ($ (и #39; .modal-backdrop и # 39;) .is (": visible")) {$ (и #39; body и # 39;) .removeClass (и #39; модальный - open и # 39;); $ (и #39; .modal-backdrop и # 39;) .remove ();}; благодаря тому, что не всегда появляется поэтому dece, заключенный в div Спасибо за заставление меня прибегать к чему-то основному – JuankGlezz 28.05.2016, 01:13
  • 2
    Много rojobo, я я функционирую в perfecció n! Привет! – Francisco Chavez 13.03.2018, 01:24

Теги

Похожие вопросы