페이지에서 이벤트가 작동하도록하려면 $ (document) .ready () 함수 내에서 이벤트를 호출해야합니다. 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()리스너를 등록하는 데 사용 합니다.
답변
수행원
$(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.
});
});
답변
아무도 이것을 언급하지 않았다
$(function() {
// place your code
});
약식 함수입니다.
$(document).ready(function() { .. });
답변
편집 :이 코드는 모든 콘텐츠 (이미지 및 스크립트)가 완전히로드되고 브라우저에 렌더링 될 때까지 기다립니다.
내가 사용한 Javascript 가 서식을 지정하고 요소를 숨기는 $(window).on('load',function(){ ... })것이기 때문에 내 코드에 대해 너무 빨리 실행 되는이 문제 가 발생했습니다 . 너무 빨리 숨겨지고 높이가 0 인 요소입니다.
나는 지금 사용 $(window).on('pageshow',function(){ //code here });하고 내가 필요로 할 때 발사됩니다.
답변
이런 식으로 ‘$’에서 정의되지 않는 것을 피할 수 있습니다.
window.addEventListener("DOMContentLoaded", function(){
// Your code
});
편집 : ‘DOMContentLoaded’를 사용하면로드 대기 페이지가 완전히로드되고 img가 포함되어 있기 때문에 ‘로드’보다 빠릅니다. 반면 DomContentLoaded는 구조 만 기다립니다.
답변
나는 같은 문제를 찾고 있으며 여기에 도움이됩니다. 다음은 jQuery 버전 3.1.0이며 로드 이벤트는 jQuery 버전 1.8 이후로 더 이상 사용되지 않습니다 . 로드 이벤트가 jQuery 3.0에서 제거되었습니다. 대신 on 메서드를 사용하고 JavaScript로드 이벤트를 바인딩 할 수 있습니다.
$(window).on('load', function () {
alert("Window Loaded");
});
