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

크기 조정이 완료된 후 jQuery 크기 조정 이벤트를 한 번만 호출하는 방법

문제 개요

jQuery의 크기 조정 이벤트를 사용하여 함수를 호출할 때 사용자가 크기를 조정할 때 반복적으로 호출될 수 있습니다. 브라우저 창. 목표는 크기 조정이 완료되었을 때 함수를 한 번만 실행하는 것입니다.

해결책

이를 달성하기 위해 setTimeout 함수와 시간 초과 변수를 활용할 수 있습니다.

var timeout;
$(window).resize(function() {
  // Function to execute when resizing is complete
  timeout = setTimeout(function() {
    // Execute the desired function
  }, 30);
});

시간 제한을 30밀리초로 설정하여 크기가 조정될 때까지 함수 실행을 지연합니다. 최소 30밀리초 동안 중지되었습니다. 이렇게 하면 함수가 한 번만 호출됩니다.

추가 고려 사항

사용자가 제한 시간이 만료되기 전에 다른 크기 조정 작업을 시작하면 이전 제한 시간이 지워지고 새로운 것이 설정될 것입니다. 이렇게 하면 최종 크기 조정 후에 함수가 항상 한 번만 실행됩니다.

주의: 타임아웃과 같은 전역 변수의 사용은 가능하면 피해야 합니다. 단, 이 경우 이벤트 처리 상태를 유지하기 위해서는 타임아웃 변수의 사용이 필요합니다.

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