Question

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

（抱歉我的英语不好......）

Answer 1

如果您在文档中进一步阅读：

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

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

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

Answer 3

经过多次试验和比较，然后比较了在HTML前后的效果，

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

使用AJAX关闭Bootstrap模式

3 个答案: