문서 만 마무리 로딩 후

Question

이상한 상황 JQuery와 기능을로드하는 방법 :

내가 jQuery 및 CSS를 사용하여 메뉴 표시 줄을 구축하고 있습니다. 난, 어떤 이유로 ...

function mark_active_menu() { 
    var elementWidth = $("nav li").width(); 
    alert(elementWidth); 
} 

$(document).ready(function(e) { 
    mark_active_menu(); 
} 

심지어 전 모든 문서 마무리 로딩을 내 자바 스크립트 파일에서
는, 나는 on-ready 기능과 같이이 잘못된 너비의 경고 메시지가 나타납니다. 메시지를 릴리스 할 때만 나머지 문서가로드되고 올바른 폭을 얻게됩니다.

모든 문서가로드되기 전에 내 기능이 호출되는 이유는 무엇입니까? 특정 요소가 로딩 된 후에 만 ​​함수를로드 할 수 있습니까 (예 : nav 요소)?

Answer 1

window.load을 사용할 수 있습니다. 모든 리소스로드가 완료되면 트리거됩니다.

$(window).load(function(e) { 
    mark_active_menu(); 
}); 

문서로드 프로세스의 끝에있는로드 이벤트가 발생합니다. 이 시점 에서 문서의 모든 객체는 DOM에있는 모든 이미지와 서브 프레임은 Reference

Answer 2

창 시도, 확실히, 로딩이 완료 load

$(window).load(function(e) { 
    mark_active_menu(); 
} 

Answer 3

창로드 이벤트에보십시오 :

$(window).load(function() { 
    //Stuff here 
}); 

Answer 4

모든 현재의 솔루션은 주요 문제의 증상을 치료한다. 모든 Ajax가로드 된 후에 처리기가 을 실행하도록하려면 약속을 사용할 수 있습니다.

var ajax1 = $.ajax(); 
var ajax2 = $.ajax(); 

jQuery(function($) { 
    $.when.apply($, [ajax1, ajax2]).done(function() { 
     // your code here 
    }); 
}); 

Answer 5

(때로는 처음에 절대적으로로드되지 않습니다 (후 몇 밀리 초 0-200ms에 대한))하기 전에 :

$(document).ready(function(){ 
$('body').hide(0); 
}); 

후 :에서

$(window).load(function(){ 
$('body').delay(500).show(0); 
}); 

Answer 6

내 AJAX와 HTML로 작업하는 상황. 나는 함수 $ (document) .ready()와 $ (window) .load()와 같은 문제가있다. 나는 HTML DOC에서 작동해야하는 내 이벤트 핸들러를 AJAX reguest가 끝난 직후 실행되는 jQuery 함수에 추가하여이 문제를 해결했다. 읽기 : " jQuery.post()" (함수의 세 번째 매개 변수). 아약스와 문서의

var RequestRootFolderContent = function(){ 
    $.post(
     'PHP/IncludeFiles/FolderContent.inc.php', 
     function(data){ 
      $('[class~="folder-content"]').html(data); 

      //Here what you need 
      $('[class~="file"]').dblclick(function(){ 
       alert("Double click"); 
      }); 
     } 
    ) 
}