jquery - jquery mobile和ios地址栏

Question

由于 URL 地址栏，我在使用 ios 设备时遇到了一些问题。我正在使用 Esri Javascript api maps 和 Jquery mobile。当我更改页面时，我重新调整了地图的大小，但由于顶部的 URL 栏未修复，我在底部得到空白，因为它无法获得精确的高度。谁能告诉我如何解决这个问题。我尝试使用滚动顶部但没有帮助。我为此苦苦挣扎了将近一天。有什么办法我可以始终显示地址栏或仅隐藏几页的地址栏。

谢谢，帕万

Answer 1

window.resize您可以在事件处理程序中更新容器元素的高度：

$(window).bind('resize', function () {
    $('#container').height($(this).height());
});

这当然是非常简单的，您很可能需要做一些数学运算来计算出容器的确切高度。

我还会添加一个超时，因此每次调整大小时只会触发一次（随着浏览器调整大小，不同的浏览器会发送不同数量的调整大小事件）：

var timer;
$(window).bind('resize', function () {
    clearTimeout(timer);
    timer = setTimeout(function () {
        $('#container').height($(this).height());
    }, 50);
});

由于地址栏被隐藏，resize事件被触发，因为视口正在改变大小。

Answer 2

JQM 有一个方向改变事件，

$( window ).on( "orientationchange", function( event ) {
    /* your codes here */
});