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