크기 조정이 완료된 후에만 JQuery RESIZE 이벤트를 트리거하는 방법은 무엇입니까?

크기 조정이 완료된 후에만 JQuery RESIZE 이벤트 호출

JQuery 크기 조정 이벤트로 작업할 때 작업을 수행한 후에만 작업을 수행하는 것이 종종 바람직합니다. 지속적인 크기 조정 중이 아니라 크기 조정이 완료되었습니다. 이는 과도한 함수 호출을 피하는 데 특히 중요합니다.

이를 달성하려면 다음 접근 방식을 활용할 수 있습니다.

1. 시간 초과 설정:

   미리 결정된 지연 후에 함수를 트리거하는 시간 초과를 생성하여 크기 조정이 완료된 경우에만 발생하도록 합니다.

   $(window).resize(function() {
     clearTimeout(timer); // Reset any existing timeout
     timer = setTimeout(function() {
       // Your function goes here
     }, 300); // Set a 300ms delay
   });

2. 부울 플래그 사용:

   크기 조정이 진행 중인지 여부를 나타내는 플래그를 유지합니다. 크기 조정이 시작되면 플래그를 true로 설정합니다. 제한 시간이 만료되면 플래그를 false로 설정하여 크기 조정이 완료되었음을 나타냅니다.

   var resizing = false;
   
   $(window).resize(function() {
     resizing = true; // Set flag to true when resizing starts
     setTimeout(function() {
       if (!resizing) return; // Ignore if resizing has already finished
       resizing = false; // Set flag to false when resizing finishes
       // Your function goes here
     }, 300); // Set a 300ms delay
   });

위 내용은 크기 조정이 완료된 후에만 JQuery RESIZE 이벤트를 트리거하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!