1

我在可能的 JQuery mobile \ phonegap 应用程序中有一些动态布局。我在iframe. iframe里面很正常 当我在android手机布局打开它时，布局中断，但在oreinetation改变布局后变得正常。因此，我阅读了与事件相关的 JQuery 移动代码，orientationchange但没有发现任何有用的东西。如何强制 android\jquery mobile 像 after 一样重绘页面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 应用程序中测试它。

4

0 回答 0