jquery - jQuery：ヘッダーの高さは後続のページで0を返します

Question

私は今私が抱えている問題を本当に理解していません。私はこのコードを持っています：

$(document).on("pageshow", "[data-role=page]", function(){
   var $height = $("[data-role=header]").height();
   alert($height);
});

このコードは最初のページ（インデックス）で正常に機能しており、実際には50のアラートを返します。ただし、別のページに移動すると、完全に更新しない限り、アラートは高さ0を返します。

ウィンドウオンロード関数も試しましたが、0が返されます。すべてのページのヘッダーの高さを取得し、それを使用してui-contentを適切に配置します。

誰かが私に何が起こっているのか、そしてこれを行う正しい方法は何であるかを説明できますか？フォントとボタンを除いて、ヘッダーにはあまりありません。

score 1 · Accepted Answer

本当に必要なヘッダーの高さを明示的に指定する必要があります。次のコードを確認してください。これがうまくいくことを願っています。

var $height = $("[data-role=header]:visible").height();

score 0 · Accepted Answer

あなたが何をしようとしているのか完全にはわかりません。内部にボタンがあるdivを使用していますか、それとも何か他のものを使用していますか？

しかし、私はこのようなことをします：http: //jsfiddle.net/zJxgh/

$(function() {
    var header = $('#header').height();
    alert(header);
});

2 に答える 2