jquery - JQuery モバイル: ページ全体を再描画します

Question

5 月の JQuery モバイル \ phonegap アプリケーションでいくつかの動的レイアウトがあります。で HTML をテストしますiframe。では普通ですiframe。Android携帯で開くとレイアウトが崩れますが、オレイン化後はレイアウトが正常に変わります。そのため、イベントに関連する JQuery モバイル コードを読みorientationchangeましたが、役に立つものは何も見つかりませんでした。after のように android\jquery mobile に強制的にページを再描画させるにはどうすればよいですかorientationchange。などを試し$page.trigger( "create");ましたが、役に立ちませんでした

アップデート

<script lang="javascript">
    function calcBlockSizes() {
        $.each($('[data-role=page]'), function(i, page){
            $page = $(page);
            var bodyfixed = $page.find(".bodyfixed");
            var topfixed = $page.find(".topfixed:first");
            var bottomfixed = $page.find(".bottomfixed:first");
            if ($(".topfixed").length > 0) {
                bodyfixed.css("top", topfixed.outerHeight() + 'px');
            } else {
                bodyfixed.css("top", "0px");
            }
            if ($(".bottomfixed").length > 0) {
                bodyfixed.css("bottom", bottomfixed.outerHeight() + 'px');
            } else {
                bodyfixed.css("bottom", "0px");
            }
            $page.trigger( "create");
        });

    }
    $(window).load(function() {
        calcBlockSizes();
    });
    //$(document).delegate('.ui-page', 'pageshow', function () {
    //    calcBlockSizes();
    //});
</script>

問題は、topfixeddiv が下と同じように見えないcss("top", "0px");ことです。それらは間違った位置にあります -topとbottom値に何か問題があります。しかし、phonegap アプリ内でテストする方法がわかりませんでした。