当前位置:首页 > 开发 > 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

    震惊

    震惊

版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号