Jquery BlockUI - 等待圖像解壓之前在ajax加載

Question

我使用BlockUI jquery插件來顯示加載消息在div中，直到使用JQuery的加載方法加載內容爲止。

問題是，我拉入的內容包含圖像。在圖像完全加載之前觸發加載回調，並且div太早解除阻止。

有沒有一種方法，我可以等待所有的圖像加載之前BlockUI解除阻止div？

或者，如果我可以覆蓋解封我能做到以下幾點，使用waitForImages plugin

$('#mydiv').block({ message: 'Loading' }); 

$('#mydiv').load('ajax.php', function() { 
    $('#mydiv').waitForImages(function() { 
     $('#mydiv').unblock(); 
    }); 
}); 

Answer 1

我想你應該換另一個DIV內的DIV #mydiv。
看看這個jsFiddle，並給我一些反饋。