我在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");
与底部相同。它们的位置不正确 - top
和bottom
值出错。但我不知道如何在phonegap app中测试它。