jQuery에서 창 크기 조정이 완료된 후 함수를 트리거하는 방법은 무엇입니까?

JQuery: 완료 시 크기 조정 이벤트 캡처

창 크기 조정 중에 jQuery 크기 조정 이벤트가 계속 트리거되어 성능 문제가 발생할 수 있습니다. 이 문제를 해결하기 위해 우리는 크기 조정이 완료된 후에만 함수를 호출하는 것을 목표로 합니다.

간격 조작을 사용한 솔루션:

thejh가 제안한 대로 setInterval 함수를 활용할 수 있습니다. 브라우저의 크기 조정이 완료되었는지 주기적으로 확인합니다. 비활성이 감지되면 간격을 지우고 원하는 함수를 호출할 수 있습니다.

var resizeTimer;

$(window).resize(function() {
  // Reset the resize timer if it exists
  if (resizeTimer) clearTimeout(resizeTimer);

  // Set a new resize timer
  resizeTimer = setTimeout(function() {
    // Call the desired function here
  }, 30);
});

이 솔루션에서는 ClearTimeout을 사용하여 기존 크기 조정 타이머를 취소합니다. 그런 다음 짧은 간격(이 예에서는 30밀리초)으로 새 타이머를 설정합니다. 타이머가 경과되면 크기 조정이 중단되었음을 알 수 있으며 원하는 기능을 실행할 수 있습니다.

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