如何解决在后台运行的bootbox.dialog（）？无法点击任何内容

Question

我正在为客户开发一个Web应用程序。

我使用bootbox.js向用户显示错误消息，但我遇到了问题，我不知道在哪里纠正这个问题。

这是点击事件：

$("#login").click(function() {
    var username = $("#login_username").val();
    var password = $("#login_password").val();

    if(username == "")
    {
        //alert("Please enter username");
        $("#login_username").focus();
    }
    else if(password == "")
    {
        //bootbox.alert("Please enter password");   
        $("#login_password").focus();
    }
    else
    {
        var dataString = "username=" + username + "&password=" + password;
        $.ajax({
            type: "POST",
            url: "ajax/members/ajaxLogin.php",
            data: dataString,
            cache: false,
            beforeSend: function(){
                $("#login").val("Checking...");
            },
            success: function(response){
                var response_message = response.indexOf("members");
                if(response_message != -1)
                {
                    window.location.assign(getBaseURL() + response);   
                }
                else
                {
                    bootbox.dialog({
                        message: response,
                        title: "Error",
                        buttons: {
                            success: {
                                label: "Error!",
                                className: "btn-warning",
                            },
                        }
                    });
                }
            }
        });
    }
});

但是此对话框似乎如下所示，请点击此链接查看示例图片：

如何解决这个问题请帮忙

我使用boostrap v.3.3.2和JQuery 1.11.2