我正在使用Bootstrap
2.3.2,并且正在使用这样的模态对话框:
<div id="notice1" class="modal hide fade">
<div class="modal-body">
<h4>This is a dialog for user...</h4>
</div>
...
</div>
和
var notice1 = $("#notice1");
notice1.modal({
keyboard: false,
backdrop: "static",
show: false
});
// Show the dialog
notice1.modal("show");
// Close the dialog
notice1.modal("hide");
大多数情况下,上述工作正常,模式对话框以编程方式打开和关闭。但是,在极少数情况下,.modal("hide")
尽管删除了深色背景,但调用根本不会关闭对话框。
这是一个巨大的潜在问题,因为对话框可能会卡在屏幕上并阻止部分内容。
是否有可靠的方法来确保对话框在调用后始终关闭.modal("hide")
?或者更好的是,我们如何确保一致的hide
行为Bootstrap
?我不想从 DOM 中完全删除对话框,因为相同的对话框可能会在页面上重复使用。