javascript - 我可以延迟 Bootstrap 3 中模态对话框的显示吗？

Question

我们有一些自定义代码，可以 Hook native Bootstrap 模式功能，并允许通过 AJAX 获取内容并将其显示在调用的模式中。以下是在 AJAX 成功回调上显示模式的代码:

//Insert content into modal HTML 
$modalContent.html(json.data);

//A bit of custom code here... 

//Display modal
$modal.modal();

我想通过立即打开带有小加载消息的模态背景来减少单击远程模态链接时的感知滞后，然后在 AJAX 成功回调中打开实际的模态窗口，从而改进此操作。有没有办法实现这一点(具体来说，有没有办法以编程方式首先显示模态窗口的背景，然后将模态窗口的显示推迟到稍后时间？)。

Answer 1

你可以这样做

function getModal(){
    $.ajax(...).success(function(){
        $modalContent.html(json.data);
        $modal.modal();
    });
}

function showSpinner(){
    //show div with spinner
}

function showModalOnClick(){
    openEmptyModal();
    showSpinner();
    getModal();
}

$(...).onclick(showModalOnClick);