0

我们有一些自定义代码钩入本机Bootstrap模式功能,并允许通过AJAX获取内容并将其显示在被调用的模式中。下面是显示在AJAX成功回调模态代码:我可以推迟在Bootstrap 3中显示模态对话框吗?

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

//A bit of custom code here... 

//Display modal 
$modal.modal(); 

我想通过减少用小加载消息打开模式背景下的远程模式的链接,当点击感知滞后改善这一行动马上,然后在AJAX成功回调中我将打开实际的模态窗口。有没有什么办法可以达到这个目的(特别是有没有什么方法可以先编程地显示一个模态的背景,然后将模态窗口的显示推迟到以后?)。

回答

4

你可以不喜欢这样

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

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

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

$(...).onclick(showModalOnClick); 
+0

我想阻止用户点击,而AJAX模式加载任何其他远程情态动词,所以装载的div将整页。我真的希望能够以编程方式控制相应模式的背景,并在其中插入装载器,或者至少在显示模型背景之前替换模式背景,以便我可以显示自定义背景并保留原始背景,以便人员可以关闭模​​式通过点击对话框外部 – styke

+0

您可以选择微调控制器所在的位置。如果您希望微调器只处于模态,则可以先打开空模型,然后显示微调器,然后执行ajax请求。 – Enermis

+0

嘿,那实际上是个好主意! – styke

相关问题