JQuery mobile:重绘整个页面

时间:2012-08-03 11:28:33

标签: jquery jquery-mobile cordova

我在May JQuery mobile \ phonegap应用程序中有一些dinamic布局。我在iframe中测试HTML。这在iframe中是正常的。当我打开它在Android手机布局是休息,但在oreinetation改变后布局变得正常。所以,我读到了orientationchange事件的JQuery移动代码,但没有找到任何有用的东西。如何强制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>

问题是topfixed div看起来不像css("top", "0px");与底部相同。它们的位置不正确 - topbottom值出错。但我不知道如何在phonegap app中测试它。

0 个答案:

没有答案