使用 AJAX 关闭 Bootstrap 的模态答案

【问题标题】：Close Bootstrap's modal with AJAX使用 AJAX 关闭 Bootstrap 的模态
【发布时间】：2013-11-04 23:29:11
【问题描述】：

我使用Twitter's Bootstrap.的模态您可以通过单击按钮或带有标签data-dismiss="modal" 的其他内容来关闭模式。我想使用 AJAX 在模态中处理我的表单（通过单击提交按钮），然后关闭模态。那么如何在 AJAX 中关闭这个模式呢？还是不可能？

（对不起我的英语不好......）

【问题讨论】：

标签： ajax twitter-bootstrap

【解决方案1】：

如果您进一步阅读文档：

$('#myModal').modal('hide')

只需获取模态框的 ID，并将 myModal 替换为它即可。然后将它放在 AJAX 成功处理程序中就可以了。

【讨论】：

谢谢！那是JavaScript？我可以在 AJAX 中使用它吗？
将 $('.modal').each(function(){$(this).modal('hide');}); 放在 ajax 调用的 success 函数中。这将隐藏所有模态，而无需通过 ID 单独指定它们。

【解决方案2】：

你可以使用这个脚本来关闭模态

<button type="button" id="close_btn" class="close" data-dismiss="modal" aria-hidden="true">
    <i class = "icons-office-52"></i> 
</button> 
    $("#close_btn").trigger("click");

或

$('#my_model').modal('hide');

【讨论】：

【解决方案3】：

经过大量试验和错误并比较 HTML 之前和之后，我得出以下可行的方法：

$('body').removeAttr("style");
$("#myModal").removeAttr("style");
$(".modal-backdrop").remove();

【讨论】：