javascript - 如何在jquery mobile中获取标题的确切高度

Question

我是 JQM 的新手，我想得到一个标题的确切高度，但我似乎无法准确地得到它。我需要一个 Iphone 应用程序，即使在带有 Retina 显示屏（甚至是 iPad）的 iphone 4 上也应该检测标题的高度。

我目前的测试是：

<div data-role="page" data-theme="m">
  <div id="hdr" data-role="header">
    <a id="bk" href="index.html" data-role="button">Back</a>
    <div style="margin:0 auto;text-align:center;"><img src="../images/lgo_iph.png" alt="" /></div>
    <a href="index.html" data-role="button">Cancel</a>
 </div>
</div> 

我得到高度：

$(document).live("pageshow", function(){
 alert($('#hdr').outerHeight(true));
 });

警报 22，这是不正确的，好像我用 $('#bk') 替换 $('#hdr') 我得到的高度为 28，应该更小。

有什么帮助吗？

谢谢你。