javascript - jquery mobileでヘッダーの正確な高さを取得する方法

Question

私は JQM を初めて使用し、ヘッダーの正確な高さを取得したいのですが、正確に取得できないようです。Retinaディスプレイ（またはiPad）を備えたiPhone 4でもヘッダーの高さを検出する必要があるiPhoneアプリにこれが必要です。

私の現在のテストは次のとおりです。

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

$('#hdr') を $('#bk') に置き換えた場合、これは正しくありません。高さとして 28 を取得します。

何か助けはありますか？

ありがとうございました。