我使用Twitter's Bootstrap的模态框。
您可以通过单击带有标签
data-dismiss="modal"
的按钮或其他内容来关闭模态框。
我想通过AJAX在模态框中处理我的表单(单击提交按钮),然后关闭模态框。
那么如何在AJAX中关闭此模态框?
还是不可能?data-dismiss="modal"
的按钮或其他内容来关闭模态框。
我想通过AJAX在模态框中处理我的表单(单击提交按钮),然后关闭模态框。
那么如何在AJAX中关闭此模态框?
还是不可能?如果您继续阅读文件:
$('#myModal').modal('hide')
只需获取模态框的ID,并将 myModal
替换为它。然后将其放置在 AJAX 成功处理程序中,你就成功了。
<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');
经过多次尝试和比较 HTML 的前后,我得出了以下有效的解决方案:
$('body').removeAttr("style");
$("#myModal").removeAttr("style");
$(".modal-backdrop").remove();
$('.modal').each(function(){$(this).modal('hide');});
放置在您的 ajax 调用的success
函数中。这将隐藏所有模态框,而无需逐个指定它们的 ID。 - Kraang Prime