javascript - Jquery完全关闭 Bootstrap 模式对话框

标签 javascript jquery css twitter-bootstrap

这是我使用 jquery 关闭 Bootstrap 模式的代码

//Start to hide bootstrap modal
    $('#continue-last-level').modal('hide'); //Line 1
//End

//Codes to execute another function 
        $.ajax({                             //Line 2
        url : '/qst/continue_last_level/',
        type : 'post',
        dataType: 'JSON',
        data : 'performance_level='+performance_level,
        success : function (data) 
        {
            localStorage.setItem("key", 60*3*data.total_questions);
            localStorage.setItem("question_id", data.first_question_id);
            localStorage.setItem("question_number", data.question_number);
            view_question_template(performance_level);
        }
        });
    }
//End code 

我的问题是在第1行执行代码后,我想执行第2行代码, Bootstrap 模式被隐藏,但有一个 div 仍然没有隐藏...这是我的屏幕简短供您引用...

图片1 enter image description here

单击"is"后...假设调用函数在第 2 行处执行代码,模式被隐藏,但是... enter image description here

最佳答案

$('#continue-last-level').modal('hide');
$('body').removeClass('modal-open');
$('.modal-backdrop').remove();

关于javascript - Jquery完全关闭 Bootstrap 模式对话框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30363890/

相关文章:

jquery - 使用 jQuery 更改每个页面上的 CSS 属性

javascript - 按键时无法从 iframe 失去焦点

查询 : Popover onclick event

css - Susy - 防止 Grid 在转换期间创建换行符

html - CSS - 表格中每第 n 列的样式

javascript - jQuery 脚本在 Firefox 中创建无限循环(仅限)

java - 运行 JavaScript 方法并返回参数

javascript - 为什么这个脚本在 Javascript 中会出现延迟?

javascript - 使用 xmlHTTPRequest 在新窗口中打开安全应用程序

javascript - 禁用范围输入的 HTML5 拖放