jQuery：标题高度在后续页面上返回0

Question

我真的不明白我现在遇到的问题。我有这段代码：

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

此代码在第一页（索引）上正常工作，并实际返回50的警报。但是，当我导航到不同的页面时，警报返回高度0，除非我进行完全刷新。

我也试过了窗口onload函数，它返回给我0.我想要做的是获取每个页面的标题高度并使用它来正确对齐ui-content。

任何人都可以向我解释发生了什么，以及正确的方法是什么？除了字体和按钮之外，标题中没有太多内容。

Answer 1

您应该明确指定您真正想要的标题高度。请检查以下代码，希望这对您有用。

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

Answer 2

我不完全确定你在做什么。你在里面使用带按钮的div还是els？

但我会这样做：http://jsfiddle.net/zJxgh/

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