jQuery：頁眉高度在後續頁面上返回0

Question

我真的不明白我現在遇到的問題。我有這樣的代碼：

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

此代碼工作正常的第一頁（索引）上，實際上將返回50警報然而，當我瀏覽到不同的頁面，警報返回的高度爲0，除非我做全面更新。

我也嘗試過窗口onload函數，它返回我0.我想要做的是獲得每頁的標題的高度，並使用它來正確地調整UI內容。

任何人都可以向我解釋發生了什麼事情，什麼是正確的方式來做到這一點？除了字體和按鈕，標題中沒有多少內容。

Answer 1

應明確指定其頭部高度，你真正想要的。檢查下面的代碼，希望這對你有用。

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

Answer 2

我不完全確定你在做什麼。你是否在使用帶按鈕的div或其他東西？

但我會做這樣的事情：http://jsfiddle.net/zJxgh/

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