今天公司要搬家,实在是吵吵闹闹搞了一天,学了一点javascript
ie 6 , ie 7 在window resize 的时候 会出现多次(简单的说 在这些浏览器下面 resize是一个动态的过程,从开始位置到最终大小,他们不止一次的触发resize事件)
$(function(){ $(window).resize(function(){ //正常情况 alert(1); //IE 6 , IE7 个人想出的解决方法 height = $(window).height(); eventId = setTimeout(function(){ newHeight = $(window).height(); if(newHeight == height){ alert(1); clearTimeout(eventId); } },1000) }); }) //上面的方法有问题现在需要修复一下 //date 2014 12 20 tempHeight = 0 ; tempWidth = 0 ; timeoutId = 0 ; var clearId = function(max){ for(var i = 0 ; i <= max ; i++){ clearTimeout(i); } } $(window).resize(function(){ timeoutId = setTimeout(function(){ alert(1); alert("time out id is "+timeoutId); clearId(timeoutId); },500); })
上面的方法是我自己用来解决的,下面提供一个网上流传更为广阔的方法,效率可能更高一点
$(window).resize($.debounce(1000, function(){ alert(1); }));
http://stackoverflow.com/questions/1500312/dom-onresize-event 参考这个连接
相关推荐
本文主要通过代码示例给大家介绍IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题;分步介绍,先给大家介绍IE7浏览器窗口大小改变事件执行多次bug,具体问题分析及解决方案请看下文。 var ...
在IE浏览器下,一次resize... Js代码 代码如下: /* =============================================================================== WResize is the jQuery plugin for fixing the IE window resize bug …………
/** * [removed] 事件 专用事件绑定器 v0.1 Alucelx * http://www.cnblogs.com/Alucelx/archive/2011/10/20/2219263.html * <description> * 用于解决 lte ie8 & chrome 及其他可能会出现的 原生 window.resize ...
在项目中使用scroll事件去加载数据,结果IE下悲剧了。下面为大家介绍下window resize和scroll事件的基本优化思路,需要的朋友可以参考下
代码如下:$(window).resize(function(){var surH = $(window).height();$(“.pic_conent”).height(surH);} 当浏览器变化,拉大拉小时,没有反应;方法一:在标签上加入 onLoad=”” onResize=”” 方法 写上...
因为页面很多UI是绝对定位的,所以当窗口大小改变的时候会使原先的布局混乱,只好在每次window.resize的时候重新布局...
[removed] 事件 专用事件绑定器 v0.1,用于解决 lte ie8 & chrome 及其他可能会出现的 原生 window.resize 事件多次执行的 BUG.
这是个让人每次改变页面窗口的大小时很郁闷的方法,尤其在IE浏览器中,稍微动下窗口边框,就... $(window).resize(function() { if (resizeTimer) clearTimeout(resizeTimer); resizeTimer = setTimeout(“changeHeigh
v1.0(20090424) 偷窃ext window素材以及利用ext core,DD,Resizable 简化重新实现Window v1.1(20090424) 修正ie显示问题 v1.5 抄袭extjs window 拖放ghost实现 v1.6(20090426) 增加底部按钮设置(静态,动态...
掌握window对象的moveTo、resizeTo、scrollTo、print方法的使用 熟练掌握window对象的status、location、name、self、opener属性的使用 Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管...
第7章 JavaScript中的XML Test4IE XMLDOM.htm IE中的XML DOM支持 Test Firefox XMl DOm.htm Firefox中的XML DOM支持 Firefox LoadXML.htm Firefox中的XML DOM支持 XPath Example1.xml XPath Writer.xml ...
//ie7默认情况下会有上下滚动条,去掉上下15像素 var h = $(window).height() – rframe.offset().top – 15; rframe.height(h); } //注册加载事件 $(“#mainFrame”).load(pagestyle); //注册窗体改变大小事件 $...
第7章 JavaScript中的XML Test4IE XMLDOM.htm IE中的XML DOM支持 Test Firefox XMl DOm.htm Firefox中的XML DOM支持 Firefox LoadXML.htm Firefox中的XML DOM支持 XPath Example1.xml XPath Writer.xml ...
第7章 JavaScript中的XML Test4IE XMLDOM.htm IE中的XML DOM支持 Test Firefox XMl DOm.htm Firefox中的XML DOM支持 Firefox LoadXML.htm Firefox中的XML DOM支持 XPath Example1.xml XPath Writer.xml 开发中实际...
最近工作有个在项目-布兜收藏夹。简言之就是将喜欢的...与弹出div同级放入iframe 保证iframe的 z-index小于弹层div z-index 增加window resize和scroll事件, 保证iframe能盖住整张页面 部分代码 复制代码代码如下:
最近工作有个在项目-布兜收藏夹。简言之就是将喜欢的图片收藏到布兜... 与弹出div同级放入iframe 保证iframe的 z-index小于弹层div z-index 增加window resize和scroll事件, 保证iframe能盖住整张页面 部分代码
为window添加一个resize事件,在事件回调方法中让gridview改变宽度即可: 代码如下: //在调整了窗口大小以后,设置easyui gridview也调整宽度 $(window).resize(function () { $(‘#gvManage’).datagrid(‘resize’...
事件监听器 如果您需要支持旧版IE,则addEventListener()与addEvent()简单函数。... remove ( )// Multiple event names may be providedvar dimensionListener = listen ( window , 'resize orientationchan