SeouliteLab

jQuery의 jQuery.holdReady() 메서드: 문서의 준비 여부 조절하기 본문

프로그래밍

jQuery의 jQuery.holdReady() 메서드: 문서의 준비 여부 조절하기

Seoulite Lab 2024. 3. 27. 11:15

jQuery의 jQuery.holdReady() 메서드는 문서의 준비 여부를 조절하는 데 사용됩니다. 이 메서드를 사용하면 jQuery의 준비 상태를 잠금(lock)하거나 해제(unlock)할 수 있어, 특정 작업이 완료될 때까지 문서의 준비를 보류할 수 있습니다.

예제 1: holdReady()로 문서의 준비 여부 제어하기

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery.holdReady() 메서드 예제</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
  // 문서 준비 상태 잠금
  $.holdReady(true);
  // 외부 리소스 로드
  $.getScript("external.js", function() {
    // 외부 리소스 로드 완료 후 문서 준비 상태 해제
    $.holdReady(false);
  });
});
</script>
</head>
<body>
<!-- 문서의 내용 -->
</body>
</html>
<!-- 출력 결과 -->
<!-- (외부 리소스가 로드될 때까지 문서의 내용이 표시되지 않음) -->

예제 2: holdReady()로 문서의 준비 여부 잠금하기

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery.holdReady() 메서드 예제</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
// 문서 준비 상태 잠금
$.holdReady(true);

// 문서의 내용 로드가 완료된 후 실행될 함수
$(document).ready(function(){
  // 문서의 준비 상태 해제
  $.holdReady(false);
});

// 외부 리소스 로드가 완료된 후 실행될 함수
$.getScript("external.js", function() {
  // 문서의 준비 상태 잠금
  $.holdReady(true);
});
</script>
</head>
<body>
<!-- 문서의 내용 -->
</body>
</html>
<!-- 출력 결과 -->
<!-- (외부 리소스가 로드될 때까지 문서의 내용이 표시되지 않음) -->

예제 3: holdReady()로 문서의 준비 여부 해제하기

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery.holdReady() 메서드 예제</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
// 문서 준비 상태 잠금
$.holdReady(true);

// 문서의 내용 로드가 완료된 후 실행될 함수
$(document).ready(function(){
  // 문서의 준비 상태 해제
  $.holdReady(false);
});
</script>
</head>
<body>
<!-- 문서의 내용 -->
</body>
</html>
<!-- 출력 결과 -->
<!-- (문서의 내용이 즉시 표시됨) -->
저작자표시 비영리 변경금지

'프로그래밍' 카테고리의 다른 글

jQuery의 jQuery.ready() 메서드: 문서가 준비되면 실행되는 이벤트 핸들러  (0) 2024.03.30
jQuery의 jQuery.noConflict() 메서드: 충돌 회피를 위한 jQuery 버전 관리  (0) 2024.03.27
jQuery의 jQuery.Callbacks() 메서드: 콜백 함수 관리를 위한 다목적 유틸리티  (0) 2024.03.27
jQuery의 callbacks.remove() 메서드: 콜백 함수 제거하기  (0) 2024.03.27
jQuery의 callbacks.locked() 메서드: 콜백 함수 실행 잠금 상태 확인하기  (0) 2024.03.27
'프로그래밍' Related Articles more