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

Question

我有一个模态由]编写>

$(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');似乎不起作用。我想知道如何安全地删除该模式而又不损害其下一个外观？

我有一个由$（document）.on（'click'，'.generate-modal-button'，App.proposals.elementClickHandler）编写的模式；函数elementClickHandler（event）{event.preventDefault（）; $（'＃state-modal'）....

Answer 1

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