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());
});

现在手机完全不同了，为了在手机上正确使用，你还需要在HEAD中使用vireport标签：

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