Notice
Recent Posts
Recent Comments
Link
SeouliteLab
jQuery의 jQuery.Callbacks() 메서드: 콜백 함수 관리를 위한 다목적 유틸리티 본문
jQuery의 jQuery.Callbacks() 메서드는 콜백 함수들을 관리하고 실행하는 다목적 유틸리티입니다. 이를 통해 콜백 함수들을 쉽게 추가, 제거, 실행할 수 있으며, 콜백 함수들을 한 곳에 모아 관리할 수 있습니다.
예제 1: 콜백 함수 추가하기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery.Callbacks() 메서드 예제</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
var callbacks = $.Callbacks();
// 콜백 함수 정의
function callback1() {
console.log('첫 번째 콜백');
}
function callback2() {
console.log('두 번째 콜백');
}
// 콜백 함수 등록
callbacks.add(callback1);
callbacks.add(callback2);
// 콜백 함수 실행
callbacks.fire();
});
</script>
</head>
<body>
</body>
</html>
<!-- 출력 결과 -->
<!-- 첫 번째 콜백 -->
<!-- 두 번째 콜백 -->
예제 2: 콜백 함수 제거하기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery.Callbacks() 메서드 예제</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
var callbacks = $.Callbacks();
// 콜백 함수 정의
function callback1() {
console.log('첫 번째 콜백');
}
function callback2() {
console.log('두 번째 콜백');
}
// 콜백 함수 등록
callbacks.add(callback1);
callbacks.add(callback2);
// 첫 번째 콜백 함수 제거
callbacks.remove(callback1);
// 콜백 함수 실행
callbacks.fire();
});
</script>
</head>
<body>
</body>
</html>
<!-- 출력 결과 -->
<!-- 두 번째 콜백 -->
예제 3: 콜백 함수 실행 잠금 설정하기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery.Callbacks() 메서드 예제</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
var callbacks = $.Callbacks();
// 콜백 함수 정의
function callback1() {
console.log('첫 번째 콜백');
}
// 콜백 함수 등록
callbacks.add(callback1);
// 콜백 함수 실행 잠금 설정
callbacks.lock();
// 콜백 함수 실행
callbacks.fire();
});
</script>
</head>
<body>
</body>
</html>
<!-- 출력 결과 -->
<!-- (아무것도 출력되지 않음) -->
'프로그래밍' 카테고리의 다른 글
jQuery의 jQuery.noConflict() 메서드: 충돌 회피를 위한 jQuery 버전 관리 (0) | 2024.03.27 |
---|---|
jQuery의 jQuery.holdReady() 메서드: 문서의 준비 여부 조절하기 (0) | 2024.03.27 |
jQuery의 callbacks.remove() 메서드: 콜백 함수 제거하기 (0) | 2024.03.27 |
jQuery의 callbacks.locked() 메서드: 콜백 함수 실행 잠금 상태 확인하기 (0) | 2024.03.27 |
jQuery의 callbacks.lock() 메서드: 콜백 함수 실행 제어하기 (0) | 2024.03.27 |