android页面用jquery窗口大小获取错误问题的解决

解决Android屏幕旋转问题

最新推荐文章于 2025-11-25 14:14:22 发布

原创最新推荐文章于 2025-11-25 14:14:22 发布 · 158 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#移动开发 #javascript #ViewUI

web 同时被 2 个专栏收录

47 篇文章

订阅专栏

javascript

5 篇文章

订阅专栏

本文介绍了在Android设备上使用jQuery获取窗口大小时遇到的问题及解决方案。当设备屏幕方向改变时，获取到的窗口大小可能不准确。文中提供两种解决办法，并给出详细代码示例。

在android设备上面，当变换屏幕方向的时候，使用jquery获取窗口大小会拿到一个老的数据，而在ios上面工作就非常正常。解决方法是：

	$(window).bind("orientationchange",function(e) {
setTimeout("oPhoto.sizePict()",100);
});

    var wnd = $(window);

    var wndSize = function() {
          return wnd.widht() + "x" + wnd.height();
    };

    var prevSize = wndSize();

    wnd.on("resize", function() {
          var curSize =  wndSize();
          if(curSize  === prevSize)
                return;      
          prevSize = curSize;

          // handler code
    });

更多的信息可以参见原文：

http://forum.jquery.com/topic/orientationchange-event-returns-wrong-values-on-android