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

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

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