Question

我们有一些自定义代码可以挂钩到本机Bootstrap模式功能，并允许通过AJAX获取内容并在被调用模式中显示它。以下是在AJAX成功回调中显示模态的代码：

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

//A bit of custom code here... 

//Display modal
$modal.modal();

我希望通过立即用一个小的加载消息打开模态背景来减少点击远程模态链接时的感知延迟来改进此操作，然后在AJAX成功回调中我打开实际模态窗口。有没有办法实现这一点（具体是有没有办法以程序方式首先显示模态＆＃39;背景，然后将模态窗口的显示推迟到以后的时间？）。

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);

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

1 个答案: