如何在不损害第二个显示的情况下删除模态和背景

Question

我有一个由

写的模态

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

此模式包含 textarea 和一个提交按钮。在我的另一个 JS 文件中，有一个从 modal 的 textarea 获取输入的功能，并且在单击提交按钮后将发送一个更新此输入的 ajax 请求。

问题是我想在点击提交按钮后关闭此模式并删除背景，我使用了

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

删除它，它工作正常。但是，当我再次单击generate-modal-button 时，模式没有出现，在我删除所有这些元素、类和属性后，$('#state-modal').modal({ backdrop: 'static', keyboard: false }, 'show'); 似乎不起作用。我想知道如何在不影响其下一次外观的情况下安全地删除此模态？

Answer 1

要使用 Javascript/jQuery 关闭引导模式，请使用 $('#modal').modal('hide');

在此处查看文档：https://getbootstrap.com/docs/4.4/components/modal/#modalhide