jQuery 이벤트는 데이터가 페이지에로드 될 때까지 대기합니다.

Question

$("div").load(url) 이벤트를 사용하여 페이지에 부분 뷰를로드하고 있습니다. 따라서 Page가 더 빨리 렌더링됩니다. 그러나 이것으로 콘텐츠가로드되기 전에도 $(document).ready이 해고 당합니다. $(window).load도 시도했지만 내용로드 이전에도 해고되었습니다.

데이터를로드 한 다음 자바 스크립트 함수 만 실행할 때까지 기다릴 수있는 방법을 제안 해주십시오.

Answer 1

$ ("div"). load (url)을 사용하는 경우 URL 콘텐츠를 비동기 적으로로드하고 있습니다. 즉, document.load가 처음 초기화 된 다음 load (url)에 비동기 호출이 수행됨을 의미합니다.

는

// this line keeps all your function in one global name space and you can extend it multiple times in same document or js files 
var myapp = myapp||{}; 
$(function(){ 
    // Here you are extending your myapp object with custom init function 
    myapp.init = function(){ 
     //your init code here 
    } 

    //your ajax content load here 
    $('div').load(url,function(){ 
     //Here you call it 
     myapp.init(); 
    }) 
}) 

P.S. 예를 다시 부하 방법의 성공 호출에 화재 (myinit()를 말할 수)을 기능에 모든 초기화 자바 스크립트를 넣어 당신은 언제나 jQuery exec 블록 어디에서나 myapp.init()를 사용하여 콘솔에서 커스텀 메소드를 테스트 할 수있다.