>  기사  >  웹 프론트엔드  >  IE7 브라우저 창 크기 변경 이벤트가 여러 번 버그를 실행하고 IE6/IE7/IE8_jquery에서 크기 조정 문제가 발생함

IE7 브라우저 창 크기 변경 이벤트가 여러 번 버그를 실행하고 IE6/IE7/IE8_jquery에서 크기 조정 문제가 발생함

WBOY
WBOY원래의
2016-05-16 15:43:511224검색

이 기사에서는 주로 코드 예제를 사용하여 IE7 브라우저 창 크기 변경 이벤트가 여러 번 실행되는 버그와 IE6/IE7/IE8의 크기 조정 문제를 단계별로 소개합니다. 먼저 IE7 브라우저 창 크기를 소개합니다. 여러 번 실행되는 이벤트 변경 버그. 구체적인 문제 분석 및 해결 방법은 아래를 참조하세요.

var resizeTimer = null;
$(window).resize(function() {
 if (resizeTimer) clearTimeout(resizeTimer);
 resizeTimer = setTimeout("alert('mm')", 500);
});

변수의 패리티를 판단하여 해결하는 방법도 있습니다(이 방법도 괜찮을 것 같습니다)

코드는 다음과 같습니다.

var n=0;
$(window).resize(function(){
 if(n%2==0){
  alert("mm");
 }
 n++;
});

jquery로 캡슐화하든 네이티브 js로든 캡슐화하든 이 버그가 발생합니다

IE6/IE7/IE8의 JQuery에서 여러 번 실행되는 이벤트 크기 조정 솔루션

jQuery의 resize 이벤트를 사용할 때 브라우저 창 크기가 변경될 때마다 resize 시간이 두 번씩 실행된다는 것을 발견하고 Baidu에서 검색해 보니 해결 방법이 있었습니다.

이 문제를 해결하려면 setTimeout을 사용하세요.

var resizeTimer = null;
$(window).resize(function() {
 if (resizeTimer) clearTimeout(resizeTimer);
 resizeTimer = setTimeout("alert('mm')", 500);
});

변수의 패리티를 판단하여 해결하는 방법도 있는데(이 방법도 괜찮은 것 같아요) 코드는 다음과 같습니다.

var n=0;
$(window).resize(function(){
 if(n%2==0){
  alert("mm");
 }
 n++;
});

위 내용은 IE7 브라우저 창 크기 변경 이벤트의 다중 실행 버그와 IE6/IE7/IE8에서의 크기 조정 문제에 초점을 맞춘 기사입니다. 모든 분들께 도움이 되기를 바랍니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.