jQuery .load（）內容完全準備就緒後執行javascript函數

Question

我有一個模式框，使用ajax jQuery .load（）函數加載的內容填充。主要的問題是，我不能執行另一個函數，只有在ajax內容，如圖像，文本等完全加載隱藏模式。

例如：我需要中心模態框根據其寬度&高度是這樣的：

var modalbox = $('.modalbox'); 

     function centermodal(a){      

      overlayWidth = a.width(), 
      overlayHeight = a.height(); 

      a.css({      
       'margin-top':'-'+overlayHeight/2+'px', 
       'margin-left':'-'+overlayWidth/2+'px' 
      }); 

      a.show(); //show the box      

     } 

然後我執行此功能的負載內，但它不會計算，如果它的模態的正確的高度將包含圖像或任何額外的內容：

modalbox.load('page1.html','',function(){ 
    centermodal(modalbox); 
}); 

我相信我需要創建某種加載程序或在顯示之前檢查加載的內容。也許有人可以提出解決方案？

謝謝。

Answer 1

jQuery Deferred對象是此工作的工具。當AJAX呼叫完成時，使用deferred.done()函數調用一個函數。