当前位置:首页 > 开发 > Web前端 > 前端 > 正文

解决IE下$(window).resize两次的问题

发表于: 2014-02-08   作者:cloud315   来源:转载   浏览次数:
摘要: 由于IE对window.resize的解释是页面中有任何一个元素resize了都会触发,导致即使window窗口的大小没有改变也有可能出发window.resize,为了避免这种情况,可以采用如下方法:   修改前: $(window).resize(function(){ console.log("resize on " + new Date()); }); 修

由于IE对window.resize的解释是页面中有任何一个元素resize了都会触发,导致即使window窗口的大小没有改变也有可能出发window.resize,为了避免这种情况,可以采用如下方法:

 

修改前:

$(window).resize(function(){ console.log("resize on " + new Date()); });

修改后:

var winWidth = $(window).width(), winHeight = $(window).height(); $(window).resize(function(){ //New height and width  var winNewWidth = $(window).width(), winNewHeight = $(window).height();  //compare the new height and width with old one if(winWidth!=winNewWidth || winHeight!=winNewHeight) {  console.log("resize on " + new Date());  }  //Update the width and height winWidth = winNewWidth; winHeight = winNewHeight; }); 

解决IE下$(window).resize两次的问题

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
这是JS代码: var chooseType = window.showModalDialog("./jsp/generateExcel/generateChoose.jsp"
原文地址:http://www.oschina.net/question/171410_26563 做的企业站 顶部是flash的滚动图片。 右
最近需要学习并用CodeIgniter框架对一个项目进行二次开发,由于之前一直都是使用Symfony做项目,所
参考: http://chaoyueg.blog.163.com/blog/static/9706739220120910570755/ Easyui window css - z
window.close(),一看就知道是用来关闭浏览器窗口的方法。W3CSchool对该方法的解释如下:方法 clo
今天在做一个项目的时候用到了Spring的定时计划任务。这是Spring的特色功能,可以根据设置在特定的
转自: http://blog.csdn.net/xiongyuefei/archive/2008/10/17/3093033.aspx 我们经常遇到一个容器
像你所遇到的问题一样, IE6浏览器有太多的bug让制作网页的人头疼。这篇文章介绍的是介绍的是如何解
解决HTML内部元素的Mouse事件干扰 话说有一个DIV元素,其内部有一个IMG元素和SPAN元素,不用理会这
需求: 一个工资条展示界面,需要加水印 实现方法:在工资条的上面浮动一个DIV,设置DIV的背景为png
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号