在AJAX请求之后,Twitter引导模式背景不会消失

时间:2016-03-24 12:32:36

标签: javascript jquery twitter-bootstrap bootstrap-modal

我正在使用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再次出现阻止我的视图。

任何帮助都将不胜感激。

0 个答案:

没有答案