이 기사에서는 주로 코드 예제를 사용하여 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에서의 크기 조정 문제에 초점을 맞춘 기사입니다. 모든 분들께 도움이 되기를 바랍니다.