콘텐츠로드를 기다리지 않고 바로 부울 모달 표시

Question

응용 프로그램에서 부트 스탭 모달 팝업을 사용하고 있습니다. 여기에 내가 겪고있는 문제가 있으며 해결 방법을 찾지 못했습니다.

jQuery("#show-invoice").click(function(){ 
     jQuery('#invoice-details').modal('show'); 

     ...a call to an api to retrieve invoice details... 
     ...it takes about 2-3 seconds to retrieve... 
}); 

내가 크롬에서 # 쇼 - 송장 링크를 클릭하면 문제는, API 호출에 대한 모달 대기 완료 :

의 내가 다음과 같습니다 클릭 이벤트 리스너 있다고 가정 해 봅시다 모달 윈도우가 표시되기 전에 2-3 초 지연을 생성합니다. Firefox에서는 모달 윈도우가 즉시 표시되므로 jQuery ('# invoice-details'). modal ('show');은 다른 무엇보다 먼저 실행됩니다.

제 질문은, 심지어 짝수 번 발생하고 아무 것도 기다리지 않고 모달 창 쇼를 표시하려면 어떻게해야합니까? jQuery ('# invoice-details'). 모달 ('show'); 모든 브라우저에서? 당신이 당신이 할 수있는 비동기 아약스 호출 후 모달 즉시

jQuery('#invoice-details').modal('show'); 

을 표시 할 수 있습니다

Answer 1

. 데이터가로드되는 동안 모달에 송장 정보 대신로드 아이콘을 표시해야합니다. 데이터가로드되면 아이콘을 새로운로드 된 데이터로 바꿀 수 있습니다. 이와 같은 것 :

jQuery.ajax({ 
    url: 'invoice_details_url', 
    type: 'get', 
    success: function (invoice_details_data) { 
     jQuery('#invoice-details .invoice-details-container'). 
       empty().append(invoice_details_data); 
    }, 
    async:true, 
});