jquery Ready 이벤트 인스턴스 사용법에서 Ready 이벤트를 사용하는 방법은 무엇입니까?
jQuery.holdReady() 메소드 사용 예
이 메소드를 호출하면 jQuery의 Readyevent가 지연될 수 있습니다. 즉, 문서가 로드되었더라도 Ready이벤트 처리 메소드가 실행되지 않습니다.
jQuery.holdReady() 메소드는 jQuery의 준비 이벤트를 지연시키기 위해 여러 번 호출될 수 있으며, 특정 조건이 충족되면 이 메소드의 매개변수를 false로 설정하여 지연을 하나씩 해제할 수 있습니다. 이 메소드는 일반적으로 동적 스크립트 로딩에 사용됩니다. 스크립트가 로드되면 이 메소드의 매개변수를 false로 설정하여 jQuery.ready() 이벤트에 대한 지연을 해제할 수 있습니다.
일반적으로 jquery에서 Ready 이벤트를 사용할 때 페이지가 로드되지 않아 DOM 요소를 가져오지 못하는 것을 방지하기 위해 페이지가 로드된 후에 실행됩니다. 다음 예와 같습니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>deom</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.2.js"></script>
<script type="text/javascript">
$(function(){ // 页面加载完成后再获取content元素
console.log($('#content').html());
}) // 获取不到元素
console.log($('#main').html());
</script>
</head>
<body>
<div id="content">this is content</div>
<div id="main">this is main</div>
</body>
</html>위의 상황과 마찬가지로 페이지의 DOM 요소가 로드되면 Ready 이벤트가 자동으로 트리거됩니다. 예를 들어 다음 예에서는 Ready가 먼저 출력된 다음 timeout이 출력되어야 합니다. 그러나 때로는 준비 이벤트를 트리거하기 전에 다른 요소가 로드될 때까지 기다려야 합니다. 즉, 먼저 출력 시간 초과가 발생한 다음 출력 준비가 완료되어야 합니다.
setTimeout(function(){
console.log("timeout");
}, 500)
$(function(){
console.log("ready");
})2. 준비 실행을 지연시키는 방법
준비 실행을 지연시키는 방법에는 여러 가지가 있습니다.
2.1 Ready 메소드 위치 수정
js는 일반적으로 위쪽, 아래쪽 순서로 실행됩니다. 이 설정에 따라 Ready 실행을 지연시킬 수 있습니다.
$('#submit').click(function(){
// 执行ready
$(function(){
console.log("ready");
})
})제출 요소를 클릭하면 트리거가 준비됩니다.
2.2 $.holdReady()를 사용하세요
위 코드는 클릭 후 Ready 메소드를 실행할 수 있지만, 이렇게 작성하는 것은 좋지 않습니다. 논리가 다소 혼란스럽습니다. 실제로 jquery는 이미 준비 메서드인 $.holdReady()의 실행을 지연하는 방법을 제공합니다. 여전히 섹션 1의 예를 사용합니다.
setTimeout(function(){
console.log("timeout");
// 释放ready方法，开始执行
$.holdReady(false);
}, 500)
// 把ready方法hold住，暂时不让ready执行
$.holdReady(true);
$(function(){
console.log("ready");
})$.holdReady()를 사용하면 먼저 timeout을 출력한 다음, Ready를 출력하고, setTimeout이 실행된 후 Ready를 실행할 수 있습니다.
$.holdReady(true) 및 $.holdReady(false)는 모두 쌍으로 나타납니다. Ready가 실행되기 전에 여러 요청이 완료될 때까지 기다려야 하는 경우 다음과 같이 작성할 수 있습니다.
setTimeout(function(){
console.log('timeout0');
$.holdReady(false);
}, 500);
setTimeout(function(){
console.log('timeout1');
$.holdReady(false);
}, 500);
setTimeout(function(){
console.log('timeout2');
$.holdReady(false);
}, 500);
$.holdReady(true);
$.holdReady(true);
$.holdReady(true);
$(function(){
console.log('ready');
})위 코드는 모두 세 개의 setTimeouts가 실행되었습니다. 그런 다음 실행 준비가 되었습니다.
3. 소스 코드에서 $.holdReady 구현
실제로 $.holdReady()는 소스 코드에서 $.readyWait 값도 작동합니다. 1, $.holdReady( false) $.readyWait 값을 -1로 두고, $.readyWait 값이 1일 때 Ready를 트리거합니다. $.readyWait의 기본값은 1이므로 기본적으로 Ready가 직접 트리거됩니다.
jQuery.extend({
// 表示ready方法是否正在执行，若正在执行，则将isReady设置为true
isReady: false,
// ready方法执行前需要等待的次数
readyWait: 1,
// hold或者释放ready方法，若参数为true则readyWait++，否则执行ready，传入参数为true
holdReady: function( hold ) {
if ( hold ) {
jQuery.readyWait++;
} else {
jQuery.ready( true );
}
},
// 当DOM加载完毕时开始执行ready
ready: function( wait ) {
// 若传入的参数为true，则--readyWait；否则判断isReady，即ready是否正在执行
if ( wait === true ? --jQuery.readyWait : jQuery.isReady ) {
return;
}
// Remember that the DOM is ready
jQuery.isReady = true;
// 若readyWait-1后还是大于0，则返回，不执行ready。
if ( wait !== true && --jQuery.readyWait > 0 ) {
return;
}
// If there are functions bound, to execute
readyList.resolveWith( document, [ jQuery ] );
// 触发ready方法，然后解除绑定的ready方法。
if ( jQuery.fn.triggerHandler ) {
jQuery( document ).triggerHandler( "ready" );
jQuery( document ).off( "ready" );
}
}
});$.holdReady의 함수 본문을 보면 $.holdReady(true)는 $.readyWait++를 허용하고 $.holdReady(false)는 $.ready(true)를 실행한다는 것을 알 수 있습니다.
holdReady: function( hold ) {
if ( hold ) {
jQuery.readyWait++;
} else {
jQuery.ready( true );
}
}위 내용은 jquery Ready 이벤트 인스턴스 사용법에서 Ready 이벤트를 사용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7468
15
1376
52
77
11
48
19
19
26
크리스탈디스크마크란 어떤 소프트웨어인가요? -크리스탈디스크마크는 어떻게 사용하나요?
Mar 18, 2024 pm 02:58 PM
CrystalDiskMark는 순차 및 무작위 읽기/쓰기 속도를 빠르게 측정하는 하드 드라이브용 소형 HDD 벤치마크 도구입니다. 다음으로 편집자님에게 CrystalDiskMark 소개와 crystaldiskmark 사용법을 소개하겠습니다~ 1. CrystalDiskMark 소개 CrystalDiskMark는 기계식 하드 드라이브와 솔리드 스테이트 드라이브(SSD)의 읽기 및 쓰기 속도와 성능을 평가하는 데 널리 사용되는 디스크 성능 테스트 도구입니다. ). 무작위 I/O 성능. 무료 Windows 응용 프로그램이며 사용자 친화적인 인터페이스와 다양한 테스트 모드를 제공하여 하드 드라이브 성능의 다양한 측면을 평가하고 하드웨어 검토에 널리 사용됩니다.
foobar2000을 어떻게 다운로드하나요? - foobar2000 사용법
Mar 18, 2024 am 10:58 AM
foobar2000은 언제든지 음악 리소스를 들을 수 있는 소프트웨어입니다. 모든 종류의 음악을 무손실 음질로 제공합니다. 음악 플레이어의 향상된 버전을 사용하면 더욱 포괄적이고 편안한 음악 경험을 얻을 수 있습니다. 컴퓨터에서 고급 오디오를 재생합니다. 이 장치는 보다 편리하고 효율적인 음악 재생 경험을 제공합니다. 인터페이스 디자인은 단순하고 명확하며 사용하기 쉽습니다. 또한 다양한 스킨과 테마를 지원하고, 자신의 선호도에 따라 설정을 개인화하며, 다양한 오디오 형식의 재생을 지원하는 전용 음악 플레이어를 생성합니다. 또한 볼륨을 조정하는 오디오 게인 기능도 지원합니다. 과도한 볼륨으로 인한 청력 손상을 방지하려면 자신의 청력 상태에 따라 조정하십시오. 다음엔 내가 도와줄게
Baidu Netdisk 앱 사용 방법
Mar 27, 2024 pm 06:46 PM
오늘날 클라우드 스토리지는 우리의 일상 생활과 업무에 없어서는 안 될 부분이 되었습니다. 중국 최고의 클라우드 스토리지 서비스 중 하나인 Baidu Netdisk는 강력한 스토리지 기능, 효율적인 전송 속도 및 편리한 운영 경험으로 많은 사용자의 호감을 얻었습니다. 중요한 파일을 백업하고, 정보를 공유하고, 온라인으로 비디오를 시청하고, 음악을 듣고 싶은 경우 Baidu Cloud Disk는 귀하의 요구를 충족할 수 있습니다. 그러나 많은 사용자가 Baidu Netdisk 앱의 구체적인 사용 방법을 이해하지 못할 수 있으므로 이 튜토리얼에서는 Baidu Netdisk 앱 사용 방법을 자세히 소개합니다. Baidu 클라우드 네트워크 디스크 사용 방법: 1. 설치 먼저 Baidu Cloud 소프트웨어를 다운로드하고 설치할 때 사용자 정의 설치 옵션을 선택하십시오.
NetEase 메일박스 마스터를 사용하는 방법
Mar 27, 2024 pm 05:32 PM
NetEase Mailbox는 중국 네티즌들이 널리 사용하는 이메일 주소로, 안정적이고 효율적인 서비스로 항상 사용자들의 신뢰를 얻어 왔습니다. NetEase Mailbox Master는 휴대폰 사용자를 위해 특별히 제작된 이메일 소프트웨어로 이메일 보내기 및 받기 프로세스를 크게 단순화하고 이메일 처리를 더욱 편리하게 만듭니다. 따라서 NetEase Mailbox Master를 사용하는 방법과 그 기능이 무엇인지 아래에서 이 사이트의 편집자가 자세한 소개를 제공하여 도움을 드릴 것입니다! 먼저, 모바일 앱스토어에서 NetEase Mailbox Master 앱을 검색하여 다운로드하실 수 있습니다. App Store 또는 Baidu Mobile Assistant에서 "NetEase Mailbox Master"를 검색한 후 안내에 따라 설치하세요. 다운로드 및 설치가 완료되면 NetEase 이메일 계정을 열고 로그인합니다. 로그인 인터페이스는 아래와 같습니다.
BTCC 튜토리얼: BTCC 교환에서 MetaMask 지갑을 바인딩하고 사용하는 방법은 무엇입니까?
Apr 26, 2024 am 09:40 AM
MetaMask(중국어로 Little Fox Wallet이라고도 함)는 무료이며 호평을 받는 암호화 지갑 소프트웨어입니다. 현재 BTCC는 MetaMask 지갑에 대한 바인딩을 지원합니다. 바인딩 후 MetaMask 지갑을 사용하여 빠르게 로그인하고 가치를 저장하고 코인을 구매할 수 있으며 첫 바인딩에는 20 USDT 평가판 보너스도 받을 수 있습니다. BTCCMetaMask 지갑 튜토리얼에서는 MetaMask 등록 및 사용 방법, BTCC에서 Little Fox 지갑을 바인딩하고 사용하는 방법을 자세히 소개합니다. MetaMask 지갑이란 무엇입니까? 3천만 명 이상의 사용자를 보유한 MetaMask Little Fox Wallet은 오늘날 가장 인기 있는 암호화폐 지갑 중 하나입니다. 무료로 사용할 수 있으며 확장으로 네트워크에 설치할 수 있습니다.
iOS 17.4 '도난 기기 보호'의 새로운 고급 기능을 사용하는 방법을 가르쳐주세요.
Mar 10, 2024 pm 04:34 PM
Apple은 화요일에 iOS 17.4 업데이트를 출시하여 iPhone에 수많은 새로운 기능과 수정 사항을 추가했습니다. 업데이트에는 새로운 이모티콘이 포함되어 있으며 EU 사용자는 다른 앱 스토어에서도 해당 이모티콘을 다운로드할 수 있습니다. 또한, 업데이트는 iPhone 보안 제어를 강화하고 사용자에게 더 많은 선택권과 보호 기능을 제공하기 위해 더 많은 "도난당한 장치 보호" 설정 옵션을 도입합니다. "iOS17.3에서는 최초로 '도난 기기 보호' 기능을 도입해 사용자의 민감한 정보에 대한 보안을 강화했습니다. 사용자가 집이나 기타 친숙한 장소를 떠나 있을 때 이 기능을 사용하려면 먼저 생체 정보를 입력해야 합니다. Apple ID 암호 변경, 도난 기기 보호 끄기 등 특정 데이터에 접근하고 변경하려면 정보를 다시 입력해야 합니다.
Xiaomi Auto 앱 사용 방법
Apr 01, 2024 pm 09:19 PM
Xiaomi 자동차 소프트웨어는 원격 자동차 제어 기능을 제공하여 사용자가 휴대폰이나 컴퓨터를 통해 차량의 문과 창문을 열고 닫고, 엔진 시동을 걸고, 차량의 에어컨과 오디오를 제어하는 등 차량을 원격으로 제어할 수 있습니다. 다음은 이 소프트웨어의 사용법과 내용에 대해 함께 알아봅시다. Xiaomi Auto 앱 기능 및 사용 방법의 전체 목록 1. Xiaomi Auto 앱은 3월 25일 Apple AppStore에 출시되었으며 이제 Android 휴대폰의 앱 스토어에서 다운로드할 수 있습니다. 자동차 구매: Xiaomi Auto의 핵심 특징과 기술 매개 변수를 이해합니다. , 시승 예약을 하고 Xiaomi 차량을 구성 및 주문하고 차량 픽업 작업 항목의 온라인 처리를 지원하세요. 3. 커뮤니티: Xiaomi Auto 브랜드 정보를 이해하고, 자동차 경험을 교환하고, 멋진 자동차 생활을 공유하세요. 4. 자동차 제어: 휴대폰은 원격 제어, 원격 제어, 실시간 보안, 간편함을 제공합니다.
리틀블랙박스 시디키 사용법
Mar 12, 2024 pm 07:34 PM
리틀블랙박스 CD키 사용법 간단히 말하면, 리틀블랙박스에서 스팀 플랫폼의 게임을 직접 구매할 수 있으며, 구매 성공 후 CDK 상환 코드를 받게 됩니다. 다음으로 Steam Mall에서 이 교환 코드를 사용하여 해당 게임을 구매하세요. 많은 친구들이 소형 블랙박스 CD키 사용법을 모르실 수도 있습니다. 아래에서 상환 단계를 자세히 설명하겠습니다. 리틀블랙박스 CD키 사용법 1. 먼저 리틀블랙박스 게임 구매 후 받은 CDK 교환코드를 복사하세요. 2. 그런 다음 Steam 플랫폼을 시작하십시오. 3. 왼쪽 상단 메뉴에서 "게임" 옵션을 클릭하세요. 4. 새 메뉴에서 "Steam에서 제품 활성화"를 찾아서 클릭하세요. 5. 팝업 인터페이스에서 바로 다음을 클릭하세요. 6. 소형 블랙박스 구매
