Могу ли я отложить показ модального диалога в Bootstrap 3?

Question

У нас есть собственный код, который перехватывает встроенную функциональность 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);