페이지 로딩 후 jquery code 하는 방법?

페이지 로딩 후 jquery code 하는 방법?

페이지에서 이벤트가 작동하려면 $(문서) 안에 이벤트를 호출해야 합니다.레디 () 기능.DOM이 로드되자마자 페이지 내용이 로드되기 전에 그 안에 있는 모든 것이 로드됩니다.

페이지 내용이 로드된 후에만 자바스크립트 코드를 하고 싶은데 어떻게 해야 하나요?

사용하다load대신에ready:

$(document).load(function () {
 // code here
});

업데이트사용해야 합니다..on()jQuery 1.8. (http://api.jquery.com/on/)

$(window).on('load', function() {
 // code here
});

다음 답변에서:

http://blog.jquery.com/2016/06/09/jquery-3-0-final-released/ 에 따르면:

사용하지 않는 이벤트 별칭을 제거했습니다.

.load,.unload,그리고..error, jQuery 1.8 이후 더 이상 사용되지 않습니다..on()청취자 등록.

https://github.com/jquery/jquery/issues/2286

아무도 이것에 대해 언급하지 않았습니다.

$(function() {
    // place your code
});

의 축약 함수인

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

다음에 나오는

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

교체할 수 있습니다

$(window).bind("load", function() { 
     // insert your code here 
});

제가 페이지 로드 시간을 늘리기 위해 사용하고 있는 방법이 하나 더 있습니다.

$(document).ready(function() { 
  $(window).load(function() { 
     //insert all your ajax callback code here. 
     //Which will run only after page is fully loaded in background.
  });
});

이러한 방법으로 '$'에서 정의되지 않도록 할 수 있습니다.

window.addEventListener("DOMContentLoaded", function(){
    // Your code
});

편집: 로드 대기 페이지가 완전히 로드되고 imgs가 포함되어 있기 때문에 'DOM ContentLoaded'를 사용하는 것이 'load'만 사용하는 것보다 빠릅니다.DomContentLoaded는 구조만 기다립니다.

편집: 이 코드는 브라우저에서 모든 콘텐츠(이미지 및 스크립트)가 완전히 로드되고 렌더링될 때까지 기다립니다.

제가 이 문제를 겪었습니다.$(window).on('load',function(){ ... })내가 사용한 자바스크립트는 포맷과 숨김 요소를 위한 것이었기 때문에 내 코드에 비해 너무 빨리 실행될 것입니다.너무 빨리 숨겨진 요소와 높이가 0인 상태로 남아 있는 요소.

나는 지금 사용합니다.$(window).on('pageshow',function(){ //code here });필요한 시간에 발사됩니다

저는 같은 문제를 찾고 있고 여기에 저에게 도움이 되는 것이 있습니다.다음은 jQuery 버전 3.1.0이며 로드 이벤트는 jQuery 버전 1.8 이후로 더 이상 사용되지 않습니다.로드 이벤트는 jQuery 3.0에서 제거됩니다.대신 on method를 사용하여 자바스크립트 로드 이벤트를 바인딩할 수 있습니다.

$(window).on('load', function () {
  alert("Window Loaded");
});

첫 번째 함수가 끝난 후 두 번째 함수를 실행하려면 이 스택 오버플로 답변을 참조하십시오.

이 안에 실행하고자 하는 코드를 작성합니다.문서가 준비되면 실행됩니다.

$(document).ready(function() { 

});

언급URL : https://stackoverflow.com/questions/2926227/how-to-do-jquery-code-after-page-loading