IE6浏览器下resize事件被执行了多次解决方法

IE6浏览器下resize事件被执行了多次解决方法
在IE浏览器下,一次resize事件被执行了多次。这是IE6和IE7的一个比较广为认知的问题,这个问题在这两个版本的浏览器中表现有所不同,通常IE6下会比IE7下更为糟糕。
现在已经有了一个较好的解决方案,让jquery.wresize.js这个jquery插件来帮你:
Js代码
复制代码 代码如下:
/*
===============================================================================
WResize is the jQuery plugin for fixing the IE window resize bug
...............................................................................
Copyright 2007 / Andrea Ercolino
-------------------------------------------------------------------------------
LICENSE: php"http://imgbuyun.weixiu-service.com/up79/202210/ixtcd4pe0y4.php
WEBSITE: http://noteslog.com/
===============================================================================
*/
( function( $ )
{
$.fn.wresize = function( f )
{
version = ’1.1’;
wresize = {fired: false, width: 0};
function resizeOnce()
{
if ( $.browser.msie )
{
if ( ! wresize.fired )
{
wresize.fired = true;
}
else
{
var version = parseInt( $.browser.version, 10 );
wresize.fired = false;
if ( version 7 )
{
return false;
}
else if ( version == 7 )
{
//a vertical resize is fired once, an horizontal resize twice
var width = $( window ).width();
if ( width != wresize.width )
{
wresize.width = width;
return false;
}
}
}
}
return true;
}
function handleWResize( e )
{
if ( resizeOnce() )
{
return f.apply(this, [e]);
}
}
this.each( function()
{
if ( this == window )
{
$( this ).resize( handleWResize );
}
else
{
$( this ).resize( f );
}
} );
return this;
};
} ) ( jQuery );

如何使用,请看这个例子test page:
Js代码
复制代码 代码如下:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://imgbuyun.weixiu-service.com/up79/202210/fdrl0kf40py.dtd"
html xmlns="http://imgbuyun.weixiu-service.com/up79/202210/oennrhqpvu1" style="overflow:hidden;"
head
title test window resize /title
script type="text/javascript" src=http://imgbuyun.weixiu-service.com/up79/202210/0ki1lrcehbh
script type="text/javascript" src=http://imgbuyun.weixiu-service.com/up79/202210/nbr35uzj1v3
script type="text/javascript"
jQuery( function( $ )
{
function content_resize()
{
var w = $( window );
var H = w.height();
var W = w.width();
$( ’#content’ ).css( {width: W-20, height: H-20} );
}
$( window ).wresize( content_resize );
content_resize();
} );
/script
/head
body
div id="content" style="border: 1px dashed silver; position:absolute; overflow:auto;"
test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test
/div
/body
/html

推荐阅读

    如何删除世界之窗浏览器收藏的网页

    如何删除世界之窗浏览器收藏的网页,世界之窗,删除,网页浏览器,点击,网站,浏览器,多线程,世界之窗(Theworld)是一款以IE为内核的浏览器,其免

    IE浏览器优化方法大全

    IE浏览器优化方法大全,浏览器,大全,图像,内存,浏览,优化,方法,很多人都喜欢使用IE浏览器,可是却很少人知道要去优化这款浏览器,只是用到出问

    IE overflow:hidden失效的解决方法

    IE overflow:hidden失效的解决方法,失效,显示,属性,解决方法,元素,设置,隐藏,overflow:hidden失效 当父元素的直接子元素或者下级子元素的

    IE浏览器不让修改首页的小技巧

    IE浏览器不让修改首页的小技巧,修改,快捷方式,参数,小技巧,浏览器,首页,选择,众所周知,修改IE默认主页地址是恶意网页常用的一招。IE被修改

    玩转浏览器IE7的5个顶级使用技巧

    玩转浏览器IE7的5个顶级使用技巧,标签页,选择,点击,浏览器,打印,选项卡,图标,你是否还不太习惯IE7的样子或者工作方式呢?你可以通过一些简

    条件注释判断浏览器(ie系列)

    条件注释判断浏览器(ie系列),浏览器,系列,条件,注释,识别,版本,外都可,!--[if IE 6] 仅IE6可识别 ![endif]--条件注释判断浏览器.!--[if I

    XP SP2中修复IE浏览器新技巧

    XP SP2中修复IE浏览器新技巧,注册,重新安装,安装,修复,浏览,器新,什么原因,网络浏览器(IE)记录上存在许多的问题,使得某些部分甚至整个浏览器

    上网浏览更省心 IE使用技巧30招

    上网浏览更省心 IE使用技巧30招,浏览,网页,浏览器,上网,链接,单击,收藏夹,IE7.0是由微软公司基于Mosaic开发的网络浏览器。IE是计算机网络

    IE浏览器专有css属性之zoom详解

    IE浏览器专有css属性之zoom详解,属性,浏览器,对象,元素,浮动,升级,浮点,zoom:1;一般是拿来解决IE6的子元素浮动时候父元素不随着自动扩大