IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题

 更新时间:2015年08月21日 11:06:31   投稿:mrr  
通过本篇文章主要给大家介绍IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题,需要的朋友可以一起来学习

本文主要通过代码示例给大家介绍IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题;分步介绍,先给大家介绍IE7浏览器窗口大小改变事件执行多次bug,具体问题分析及解决方案请看下文。

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原生的都会产生此bug

IE6/IE7/IE8 JQuery下resize事件执行多次的解决方法

在使用jQuery的resize事件时发现每次改变浏览器的窗口大小时resize时间会执行两次,百度搜索了一下找到一个解决的方法,

使用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浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题,希望对大家有所帮助。

相关文章

  • jquery中页面Ajax方法$.load的功能使用介绍

    jquery中页面Ajax方法$.load的功能使用介绍

    load可以做到加载一个页面的时候,如果发生错误,根据statusText给出的状态,显示对应的提示,这对用户来说非常重要
    2014-10-10
  • jQuery中ajax的具体使用

    jQuery中ajax的具体使用

    本文将介绍jQuery中如何使用Ajax以及通过代码详解其使用方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-10-10
  • jQuery v3.3.1的BUG以及解决办法(附解决方案)

    jQuery v3.3.1的BUG以及解决办法(附解决方案)

    这篇文章描述了我们 FineUIPro 产品 更新中遇到的一个问题,最终将问题定位到 jQuery.position() 函数,虽然jQuery的做法是依照HTML规范来的,但是 jQuery.offsetParent() 和 jQuery.position() 两个函数有冲突,并且会导致之前的jQuery插件出错,应该算是一个BUG吧
    2023-03-03
  • jquery选择符快速提取web表单数据示例

    jquery选择符快速提取web表单数据示例

    遇到要重复多次同样的事时,就想找一种省时省力的方法,下面就为大家介绍下利用jquery选择符快速提取web表单数据
    2014-03-03
  • 浅谈jQuery构造函数分析

    浅谈jQuery构造函数分析

    jquery的构造函数很好的运用的javascript的充分利用了JavsScript语言的动态性——对行参的类型和个数没有的严格要求,以至于一个函数可以实现多种功能需求,也为JavaScript语言的多态性提供了基础,在这个构造函数中,提供了六种不同的调用格式(根据官方API文档)
    2015-05-05
  • 动态设置form表单的action属性的值的简单方法

    动态设置form表单的action属性的值的简单方法

    下面小编就为大家带来一篇动态设置form表单的action属性的值的简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • jQuery实现frame之间互通的方法

    jQuery实现frame之间互通的方法

    这篇文章主要介绍了jQuery实现frame之间互通的方法,结合实例形式分析了jQuery实现frame父子框架之间的调用操作实现方法,需要的朋友可以参考下
    2017-06-06
  • jQuery实现简单漂亮的Nav导航菜单效果

    jQuery实现简单漂亮的Nav导航菜单效果

    这篇文章主要介绍了jQuery实现简单漂亮的Nav导航菜单效果,涉及jQuery响应鼠标事件动态遍历与操作页面元素属性的相关实现技巧,需要的朋友可以参考下
    2017-03-03
  • Colortip基于jquery的信息提示框插件在IE6下面的显示问题修正方法

    Colortip基于jquery的信息提示框插件在IE6下面的显示问题修正方法

    今天看到了MK的这篇文章,然后其中的Colortip这个jQuery插件引起了我的注意,倒不是因为它新奇,而是我之前看到过,没想到它就成了2010年最佳之一了
    2010-12-12
  • jQuery修改CSS伪元素属性的方法

    jQuery修改CSS伪元素属性的方法

    CSS伪元素不是DOM元素,因此你无法直接选择到它们。下面与大家分享两种不错的修改方法,需要的朋友可以参考下
    2014-07-07

最新评论