javascript - 通过 jQuery 获取窗口高度

Question

我在使用$(window).height(). 我第一次加载页面时显示为0，刷新后我才能得到正确的数字。

我试图将它放在$(document).ready(function(){})JavaScript 开头的$('[data-role="page"]').live('pageshow', function () {})（它是一个 jquery 移动网站）中，但没有任何效果。

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

score 3 · Accepted Answer

尝试以下操作：

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

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

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

score 1 · Accepted Answer

好吧，您将一个空函数传递给ready()，这就是它不执行任何操作的原因。

您可以将此快捷方式用于$(document).ready(handler)：

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

score 0 · Accepted Answer

您的代码中的某处可能有错误。

$(window).height();

应该返回你的真实身高。

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

这是一个工作示例：http: //jsfiddle.net/Gajotres/JmqX6/

现在手机已经完全不同了，为了在手机上正常工作，你还需要在你的 HEAD 中添加一个 vireport 标签：

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

3 回答 3