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

本文主要通过代码示例给大家介绍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问题,希望对大家有所帮助。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索ie7
, ie6
ie8浏览器
ie6 ie7 ie8浏览器、ie6 ie7 ie8兼容、ie6 ie7 ie8 ie9、ie8 resize、echarts3 resize ie8,以便于您获取更多的相关知识。

时间: 2024-10-03 01:08:22

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

css-关于div布局问题,怎样使div大小不随浏览器窗口大小改变

问题描述 关于div布局问题,怎样使div大小不随浏览器窗口大小改变 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .logo1{padding:0px 0px 0px 0px;background-col

IE7浏览器中li底部多出4px Bug怎么办

效果如下 我们在页面布局时,很多时候都要使用ul.li元素,但有些布局方式在低版本的ie上却会出现bug,如4px的错位,如图: 为什么会出现这种bug,其实是由于li内放了块级元素,并且这些块级元素浮动引起的. 对于这种情况,解决的方法有很多,如设置负的margin.用其他标签代替li等,但这要么需要使用hack或者是条件注释,要么就破坏了结构及语义. 现在,这里有一种简单的解决办法,那就是,在浮动的子元素上加一个vertical-align属性,取值可以为top.middle.bottom,

jquery中ajax 事件执行顺序介绍

事件执行顺序我们如下,从向到下 1.ajaxStart(全局事件) 2.beforeSend 3.ajaxSend(全局事件) 4.success 5.ajaxSuccess(全局事件) 6.error 7.ajaxError (全局事件) 8.complete 9.ajaxComplete(全局事件) 10.ajaxStop(全局事件) 补充一下ajax jQuery AJAX 请求 请求 描述 $(selector).load(url,data,callback) 把远程数据加载到被选的元素

javascript attachEvent绑定多个事件执行顺序问题_javascript技巧

常见的绑定事件有直接绑定在页面元素中比如<div id="wrap" onclick="a();"></div>,这个换种方法也就是分离出来写在js代码里如document.getElementById('wrap').onclick = function(){a();},此时如果需要绑定多个方法则直接写在一起即可如document.getElementById('wrap').onclick = function(){a();b();}或&

js实现浏览器窗口大小被改变时触发事件的方法_javascript技巧

本文实例讲述了js实现浏览器窗口大小被改变时触发事件的方法.分享给大家供大家参考.具体分析如下: 当浏览器的窗口大小被改变时触发的事件window.onresize 为事件指定代码: 复制代码 代码如下: window.onresize = function(){ } 例如: 浏览器可见区域信息: 复制代码 代码如下: <span id="info_jb51_net">请改变浏览器窗口大小</span> <script> window.onresiz

在IE浏览器中resize事件执行多次的解决方法_jquery

这是个让人每次改变页面窗口的大小时很郁闷的方法,尤其在IE浏览器中,稍微动下窗口边框,就会触发很多次事件.更让人蛋疼的是在resize事件中包含某些页面内容处理或计算导致resize事件再次被触发的时候,IE会随机陷入假死状态. 网上找了好久,都是千律一篇的,到处都是转载的一个方法:以下是网上找到的一个解决方法: 复制代码 代码如下: var resizeTimer = null; $(window).resize(function() { if (resizeTimer) clearTimeo

浏览器窗口加载和大小改变事件示例

 这篇文章主要介绍了浏览器窗口加载和大小改变事件,需要的朋友可以参考下  代码如下: window.onload = function() {  var height = document.body.clientHeight;  document.getElementById("vivS").style.height = (height - 20) + "px";  document.getElementById("emd").style.hei

extjs-页面内容不能随浏览器窗口大小而改变大小,且内容超出窗口也不会出现滚动条

问题描述 页面内容不能随浏览器窗口大小而改变大小,且内容超出窗口也不会出现滚动条 本人小白,现在做一个小的Web项目,使用的是ExtJs,但是页面的显示样式和布局有问题,页面中的内容显示不全,也不能随着浏览器窗口大小而改变显示内容. 求大神告知.下面是页面! 主页面panel和viewport组件: var panel = new Ext.Panel({ //height: '60%', layout: 'border', //anchor: '100%,100%', //min width:

JS根据浏览器窗口大小实时动态改变网页文字大小的方法_javascript技巧

本文实例讲述了JS根据浏览器窗口大小实时动态改变网页文字大小的方法.分享给大家供大家参考,具体如下: 目前,有了css3的rem,给我们的移动端开发带来了前所未有的改变,使得我们的开发更容易,更易兼容很多设备,但这个不在本文讨论的重点中,本文重点说说如何使用js来实时改变网页文字的大小. 代码如下: <script> /* 长宽占位 rem算法, 根据root的rem来计算各元素相对rem, 默认html 320/20 = 16px */ function placeholderPic(){