jQuery width()가 문서 준비 직후에 잘못되었습니까?

jQuery width()가 문서 준비 직후에 잘못되었습니까?

웬일인지 그래.$("...").width()문서 준비 직후 잘못된 값을 반환하고 있습니다.

다음과 같은 값이 표시됩니다.

문서 준비 직후:

$(document).ready(function(){
  $("li.active a").width() //returns 76 - incorrect
});

$(document).ready(function(){
  $(window).load(function(){
    $("li.active a").width() //returns 59 - the correct value
  });
});

$(document).ready(function(){
  setTimeout(function(){
    $("li.active a").width() //returns 59 - the correct value
  }, 100);
});

나는 워드프레스 메뉴 항목의 너비를 얻고 내 반응형 디자인에 항상 맞게 크기를 조정하고 있다.이 변경의 원인이 되는 이미지 또는 자산이 없습니다.

업데이트 내 코멘트는 아래를 참조하십시오.자산, 내장된 글꼴이 있었는데 로드하는 데 1초밖에 걸리지 않았습니다.

이 부족과 관련이 있을 수 있다.$(window).load첫 번째 예에서는.

"모든 그래픽이 아직 로드되지 않았더라도 HTML-Document가 로드되고 DOM이 준비되면 Document Ready 이벤트가 이미 실행됩니다.창이 로드되기 전에 특정 요소에 대한 이벤트를 연결하려면 $(문서)를 클릭하십시오.준비는 올바른 장소입니다."*

$(document).ready(function() {
 // executes when HTML-Document is loaded and DOM is ready
 alert("document is ready");
});

---

"윈도 로드 이벤트는 모든 프레임, 객체, 이미지를 포함한 전체 페이지가 완전히 로드되면 조금 후에 실행됩니다.따라서 이미지 또는 기타 페이지 콘텐츠와 관련된 기능은 창 또는 콘텐츠 태그 자체의 로드 이벤트에 배치해야 합니다."*

$(window).load(function() {
 // executes when complete page is fully loaded (all frames, objects and images)
 alert("window is loaded");
});

* 견적서는 4loc에서 발행됩니다.

언급URL : https://stackoverflow.com/questions/15668611/jquery-width-incorrect-immediately-after-document-ready