在平板电脑上获取窗口高度问题答案

【问题标题】：Getting window height issue on tablet在平板电脑上获取窗口高度问题
【发布时间】：2013-08-21 12:59:46
【问题描述】：

我遇到了一个非常关键的问题。问题如下所述。我有一个 phonegap 应用程序，目前正在我的手机和平板电脑浏览器上运行。在方向更改时，我添加了一个侦听器。当方向更改时，我通过 JQuery 获取窗口的高度，例如 $(window).height()。它在我的手机上运行良好，但窗口高度错误。它给出的高度是相反的顺序意味着横向的纵向高度，反之亦然。

【问题讨论】：

标签： jquery html cordova tablet

【解决方案1】：

$(window).load(function(){
   setTimeout(MyFunction, 10);
});

function MyFunction(){
    var winWidth = $(window).width();
    var winHeight = $(window).height();
       //Action block  
}

对我有用试试这个

$(document).ready 在加载 HTML 文档并且 DOM 准备好时执行但是 $(window).load 是在整个页面完全加载时执行的，包括所有框架、对象和图像

【讨论】：

【解决方案2】：

对此我有一个快速且最佳的选择。我已经为事件添加了超时时间。时间可能会有所不同。我认为问题是由于在实际方向改变之前调度事件造成的。

$(window).bind("orientationchange",function(e) {
    setTimeout("Orientation Changed Actually...",500);
});

【讨论】：