Jquery完全关闭bootstrap模式对话框

Question

这是我使用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行执行代码，引导模式被隐藏但是有 div 仍然没有隐藏......这是我的屏幕简短供您参考...

图片1

点击“是”之后......让我们说要调用函数来执行第2行的代码模态被隐藏了，但......

Answer 1

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

Answer 2

hide方法是异步的：

  

.modal('hide')

     

手动隐藏模态。 在模态实际隐藏之前返回调用者（即在hidden.bs.modal事件发生之前）。

因此，您需要在代码中考虑该问题并使用Bootstrap提供的hidden事件：

$('#continue-last-level').one('hidden.bs.modal', function () {
    // modal is now hidden
    // your code here
}).modal('hide');