通过jQuery获取窗口高度

Question

我在使用$(window).height()时遇到了问题。当我第一次加载页面时，它显示0，我只能在刷新后才能获得正确的数字。

我试着把它放到$(document).ready(function(){})中，在JavaScript开始的时候，放在$('[data-role="page"]').live('pageshow', function () {})中(它是一个jquery移动站点)，但是都不起作用。

如何在不刷新文件的情况下获得加载文件时的窗口高度？

Answer 1

尝试以下操作：

$(window).load(function(){ 
    console.log( $(this).height() )
});

但窗口高度基本上总是相同的。您可能需要文档正文高度：

$(window).load(function(){ 
    console.log( $(document).height() )
});

Answer 2

好了，您将一个空函数传递给了ready()，这就是它什么也不做的原因。

您可以使用此$(document).ready(handler)的快捷方式

$(function() {
  console.log($(window).height());
});

Answer 3

你可能在你的代码中有一个错误。

$(window).height();

应该会返回给你真实的高度。

$('#index').live('pagebeforeshow',function(e,data){    
    alert($(window).height());
});

下面是一个有效的示例：http://jsfiddle.net/Gajotres/JmqX6/

现在手机是完全不同的东西了，为了在手机上正确工作，你还需要在你的大脑里有一个vireport标签：

<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width" />