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

相關問題