滚动时的 JavaScript 调整大小事件 - 移动设备

Question

我正在尝试制作一个移动网站。我在窗口上绑定(bind)了“调整大小”事件，当移动设备转动时(纵向<->横向)，它应该重新排列元素。在 iPhone 和 Samsung Galaxy SII 上，当我向下滚动页面时会触发该事件，这不太好。

我该如何解决这个问题？

Answer 1

缓存视口(viewport)的宽度，如果宽度仍然相同，则在调整大小时返回 false。

一个小的 jQuery 片段:

    var cachedWidth = $(window).width();
    $(window).resize(function(){
        var newWidth = $(window).width();
        if(newWidth !== cachedWidth){
            //DO RESIZE HERE
            cachedWidth = newWidth;
        }
    });