Jquery BlockUI - Ajax로드에서 차단 해제하기 전에 이미지 대기

Question

BlockUI jquery 플러그인을 사용하여 JQuery의로드 메소드를 사용하여 컨텐츠를로드 할 때까지 div에로드 메시지를 표시하고 있습니다.

문제는 내가 당기는 내용에 이미지가 포함되어 있다는 것입니다. 로드 콜백은 이미지가 완전히로드되고 div가 너무 일찍 차단 해제되기 전에 실행됩니다.

BlockUI가 div를 차단 해제하기 전에 모든 이미지가로드 될 때까지 기다리는 방법이 있습니까? 나는 차단 해제를 오버라이드 (override) 할 수있는 경우

또한, 나는 다른 DIV 내부에 DIV #mydiv을 포장해야한다라고 생각 waitForImages plugin

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

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

Answer 1

을 사용하여 다음을 수행 할 수 있습니다.
jsFiddle을 보시고 피드백을 보내주십시오.