在 jQuery Toggle 上调用 IE8 屏幕调整大小

Question

当我在屏幕调整大小上调用函数时，我遇到了 IE8 的一些问题（想象一下……）。我调用的这个函数是一组响应式调整，旨在使我的网站在移动设备上更可用。我在页面加载和调整屏幕大小后调用该函数。当我使用 jQuery 在屏幕上切换某些东西（例如搜索框）时，就会出现我遇到的问题。根据IE8，每次我切换某些东西时，它都会触发屏幕调整大小功能，然后隐藏我刚刚切换的东西。

我用一些示例代码创建了一个要点，因为 pastebin 和 IE8 似乎不能一起工作。 https://gist.github.com/johns996/5501932

Answer 1

解决您的问题的简单方法，只需检查调整大小是否确实调整了您的窗口大小：

//run the tweaks on page resize
var x,y;
var w=$(window).resize(function() {
    var newx=w.width(); 
    var newy=w.height();
    if(x!=newx || y!=newy){
        // run code...
    }
    x=newx; y=newy;
});

刚刚在 IE8 中测试过并且可以工作。