1

我写了一些 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 错误吗？任何人都可以建议修复或解决方法吗？

4

3 回答 3

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
        }
    });
});
于 2013-06-12T04:16:26.357 回答
0

您可以尝试使用计时器对其进行去抖动：

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 变量，但最好使用局部变量。

于 2013-05-29T10:15:20.837 回答
0

没有办法在浏览器本身中“修复”这个错误，所以你只需要解决一个不断触发的调整大小事件。所以烤是正确的使用时间，但你不是在寻找一个计时器。您需要存储时间，然后确保在再次触发事件之前已经过了足够的时间，如下所示：

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
    }
});
于 2013-06-09T10:37:45.497 回答