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

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'); 在我删除所有这些元素、类和属性后不起作用。我想知道如何安全地删除这个模态而不损害它的下一个外观？

Answer 1

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