javascript - jQuery でウィンドウの高さを取得する

Question

の使用に問題があります$(window).height()。ページを最初にロードすると、0 が表示されます。更新した後にのみ正しい数値を取得できます。

$(document).ready(function(){})、JavaScriptの先頭、（jqueryモバイルサイトです）に入れようとしました$('[data-role="page"]').live('pageshow', function () {})が、何も機能しません。

ファイルを更新せずに読み込み時にウィンドウの高さを取得するにはどうすればよいですか?

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

これが携帯電話で正しく機能するには、HEAD 内に vireport タグも必要です。

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

3 に答える 3