使用AJAX关闭Bootstrap的模态框

Question

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

- Jon

Answer 1

如果您继续阅读文件：

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

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

- Joseph

---

谢谢！那是 JavaScript 吗？我可以在 AJAX 中使用它吗？ - Jon

将 $('.modal').each(function(){$(this).modal('hide');}); 放置在您的 ajax 调用的 success 函数中。这将隐藏所有模态框，而无需逐个指定它们的 ID。 - Kraang Prime

Answer 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');

- David Arul

Answer 3

经过多次尝试和比较 HTML 的前后，我得出了以下有效的解决方案：

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

- Vijay Richards