페이지 초기화 중 jquery 디스플레이 대화 상자

Question

jqueryui 대화 상자에서 document.ready (또는 더 빨리) 시작 부분에 "로드 중"을 표시 한 다음 document.ready 끝에 사라지게하려면 어떻게해야합니까?

Answer 1

그들이라는 메시지를 표시하는 요소를했을

$(document).ready(function(){ 

    $("LoadingContainer").dialog('open'); 

    setTimeout(function(){ 
    //Put all the stuff here which you want to execute on load 

    //Finally close the loading dialog 
    $("LoadingContainer").dialog('close'); 

    }, 400); 

}); 

Answer 2

body 태그 바로 뒤에 대화 상자를 설정하여 표시하고 document.ready를 닫을 때 닫습니다.

Answer 3

IE 6/7 같은 자바 스크립트 실행에 속도가 느린 경우에도 모든 브라우저에서 작동이 시도하고 간단하게 할 때 문서를 숨기 벌써 준비 됐어. 예를 들면 다음과 같습니다.

$(document).ready(function() { 
    // All other loading items 
    $("#loadingMessage").hide(); 
}); 

hide() 함수를 마지막으로 넣으면 모든 것이 먼저로드됩니다.