为什么在IE8的低缩放级别不应该触发？

Question

我写了一些jQuery来调整要素和关闭我的网页上所有打开弹出式窗口时，调整浏览器窗口：

addEvent({ 
     target: window, 
     eventListener: 'onresize', 
     func: function (e) { 
      resizeElements(); //This resizes loads of stuff 
      closeAllPopups(); //Closes any open popups 
     } 
    }); 

这个工作在100％缩放罚款。但是，在缩放级别低于90％的情况下，即使窗口未调整大小，onresize也会继续调用。结果是弹出窗口不会打开 - 它们立即关闭。

这似乎只发生在IE8上。它适用于Chrome。

任何想法，为什么会发生这只是一个IE8的错误？任何人都可以提出修补或解决方法吗？

Answer 1

什么检查窗口原始大小，并重新大小尺寸，然后试着打电话给你的功能？因此，即使你在加载的90％视图中，这个窗口大小将是原始大小，并且只有当你调整大小时（在90％的视图下），你的函数才会被调用？

$(document).ready(function(){ 
    var original_width = $(window).width(); 
    var original_height = $(window).height(); 

    $(window).resize(function() { 
     var resize_width = $(window).width(); 
     var resize_height = $(window).height(); 

     if(original_width != resize_width && original_height != resize_height){ 
      alert('You resized!'); 
      // resizeElements(); //This resizes loads of stuff 
      // closeAllPopups(); //Closes any open popups 
     } 
    }); 
}); 

Answer 2

你可以尝试，也许使用定时器抖它：

addEvent({ 
     target: window, 
     eventListener: 'onresize', 
     func: function (e) { 
      clearTimeout(window.resizeTimeout); 
      window.resizeTimeout = setTimeout(function(){ 
       resizeElements(); //This resizes loads of stuff 
       closeAllPopups(); //Closes any open popups 
      },50); 
     } 
    }); 

我在这里使用全局对象窗口设置resizeTimeout可变的，但最好是使用一个局部变量。

Answer 3

在浏览器本身中没有办法“修复”这个bug，所以你只需要解决一个不断触发的resize事件。所以烤是正确的使用时间，但你不寻找一个计时器。你需要存储的时间，然后确保有足够的时间结束后，再次触发事件之前，像这样：

var _interval = 1000;// milliseconds 
var _resize = 0; 
addEvent({ 
    target: window, 
    eventListener: 'onresize', 
    func: function (e) { 
     if (Date.now() - _resize < _interval) 
      return; 
     _resize = Date.now(); 
     resizeElements(); //This resizes loads of stuff 
     closeAllPopups(); //Closes any open popups 
    } 
});