在jQuery上调用IE8屏幕大小切换

Question

我在调用屏幕大小调用函数时遇到了一些与IE8有关的问题（想象一下...）。我正在调用的这个功能是一组响应式调整，旨在使我的网站在移动设备上更加可用。我在页面加载和屏幕大小调整后调用该函数。我遇到的问题发生在我使用jQuery切换Scree上的某些内容时（如搜索框）。根据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和作品。