IE6 브라우저에서 여러 번 실행되는 크기 조정 이벤트에 대한 해결 방법_기본 지식
- WBOY원래의
- 2016-05-16 17:46:511203검색
IE 브라우저에서는 크기 조정 이벤트가 여러 번 실행됩니다. 이는 IE6과 IE7 사이에서 널리 알려진 문제입니다. 이 문제는 일반적으로 IE7보다 IE6에서 더 심합니다.
이제 더 나은 솔루션이 있습니다. jquery 플러그인인 jquery.wresize.js가 도움을 드립니다.
Js 코드
코드 복사 코드는 다음과 같습니다.
/*
======================= === ============================================== === ====
WResize는 IE 창 크기 조정 버그를 수정하기 위한 jQuery 플러그인입니다
........................ . ................................................. .............. .
저작권 2007 / 안드레아 에르콜리노
------------ ----------------- --------------------------------- ---------
라이센스: php"> http://www.opensource.org/licenses/mit-license.php
웹사이트: http://noteslog.com/
================== =============================== =================== ============
*/
( 함수( $ )
{
$.fn.wresize = function( f )
{
version = '1.1';
wresize = {fired: false, width: 0}
function resizeOnce()
{
if ( $.browser.msie )
{
if ( ! wresize.fired )
{
wresize.fired =
}
else
{
var version = parsInt( $.browser.version, 10 );
wresize.fired = false
if ( version < 7 )
{
return false;
else if ( version == 7 )
{
/ /a 세로 크기 조정이 한 번 실행되고 가로 크기 조정이 두 번 실행됩니다.
var width = $( window ).width()
if ( 너비 != wresize.width )
{
wresize.width = width;
return false
}
}
}
}
return true; 🎜>}
function handlerWResize( e )
{
if ( resizeOnce() )
{
return f.apply(this, [e])
}
}
this.each( function()
{
if ( this == window )
{
$( this ).resize( handlerWResize );
}
else
{
$( this ).resize( f );
return this
} )
사용 방법은 이 예제 테스트 페이지를 참조하세요
:
Js 코드
코드 복사