IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题
2015-08-21 00:00
417 查看
本文主要通过代码示例给大家介绍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问题,希望对大家有所帮助。
相关文章推荐
- JavaScript实现为input与textarea自定义hover,focus效果的方法
- HTML5之WebSocket入门3 -通信模型socket.io
- jQuery实现动态表单验证时文本框抖动效果完整实例
- JS实现表单中checkbox对勾选中增加边框显示效果
- JS打字效果的动态菜单代码分享
- js实现select跳转菜单新窗口效果代码分享(超简单)
- js实现温度计时间样式代码分享
- java设计模式(2)------DAO模式
- jQuery实现垂直半透明手风琴特效代码分享
- jquery实现叠层3D文字特效代码分享
- js+css实现文字散开重组动画特效代码分享
- JavaScript 常见安全漏洞和自动化检测技术
- Javascript仿新浪游戏频道鼠标悬停显示子菜单效果
- js实现点击切换TAB标签实例
- jQuery实现向下滑出的平滑下拉菜单效果
- 程序员应该避免的5种代码注释
- 航班实时起降时间数据库使用及接口代码实现
- 科目1科目4模拟考试题数据库整合接口实现
- 尾号限行动态数据库,查询城市今日限行尾号数据接口实现
- 9秒学院:为什么程序员也能成为伟大的CEO