Как убрать модал и фон, не повредив второй дисплей - PullRequest
Новая
       10

Как убрать модал и фон, не повредив второй дисплей

0 голосов
/ 14 апреля 2020

У меня есть модал, написанный 

$(document).on('click', '.generate-modal-button', App.proposals.elementClickHandler);
function elementClickHandler(event) {
  event.preventDefault();
  $('#state-modal').modal({ backdrop: 'static', keyboard: false }, 'show');
}

Этот модал содержит текстовую область и кнопку отправки. В моем другом файле JS есть функция для получения ввода из текстовой области модального окна, и запрос ajax об обновлении этого ввода будет отправлен после нажатия кнопки подтверждения.

Проблема в том, что я хочу закрыть этот мод и удалить фон после нажатия кнопки отправки, я использовал 

$('#state-modal').removeAttr('style');
$('.modal-backdrop').remove();
$('body').removeClass('modal-open');

, чтобы удалить его, и он работает нормально. Тем не менее, модал не появляется, когда я снова нажимаю generate-modal-button, похоже, что $('#state-modal').modal({ backdrop: 'static', keyboard: false }, 'show'); не работает после того, как я удаляю все эти элементы, класс и атрибут. Интересно, как можно безопасно удалить этот модал, не повредив его следующему появлению?

1 Ответ

1 голос
/ 14 апреля 2020

Чтобы закрыть модальный Bootstrap, используя Javascript / jQuery, используйте $('#modal').modal('hide');

См. Документацию здесь: https://getbootstrap.com/docs/4.4/components/modal/#modalhide

...