我正在使用Twitter Bootstrap Modal对话框异步上传图像。当我上传图像时,会调用此函数:
$("#upload-btn").click(function () {
var options = {
beforeSubmit: showRequest,
success: showResponse
};
function showRequest(formData, jqForm, options) {
$("#upload-btn").html('<i class="fa fa-refresh fa-spin"></i> Uploading...');
return true;
}
function showResponse(responseText, statusText, xhr, $form) {
$("#uploadModal").modal('hide');
$("#upload-btn").html('Upload');
if (responseText != "OK"){
notify(responseText);
}
$("#file_to_upload").val('');
loadImages();
}
$("#uploadForm").ajaxSubmit(options);
return false;
});
这个问题与其他问题重复: Twitter bootstrap modal-backdrop doesn't disappear
但是在我尝试实现那里提供的每个解决方案之后,我决定开一个新问题,因为在我的案例中没有一个答案有效:
我在隐藏模态后试图添加它:
$('#uploadModal').modal('hide');
$('body').removeClass('modal-open');
$('.modal-backdrop').remove();
它实际上使模态背景消失,但当我尝试再次上传新图像时,Bootstrap模式不会打开。所以我尝试在点击#upload-btn时再次添加已删除的类,但这会使.modal-backdrop再次出现阻止我的视图。
任何帮助都将不胜感激。