在IOS 7.0.3 Safari中,带覆盖的JQuery Mobile弹出窗口不会填充窗口

时间:2014-01-30 15:02:43

标签: jquery ios css jquery-mobile mobile-safari

我正在使用JQuery Mobile 1.3.2和JQuery 1.10.2,并且存在以下问题:

当您在IOS v7.0.3上向下滚动移动版Safari并且地址栏缩小并且底部栏消失时,JQuery移动叠加层不再填充整个视口。我尝试过几个例子,比如弹出菜单显示时使用JQuery手动增加高度。

$('#popupMenu').on('click', function(e){
    e.preventDefault();
    var device = navigator.userAgent,
        height = $(window).height();
    if(device.match(/(iPhone)/) {
        $('#popupMenu').css('height', height);
        $('.ui-overlay-a').css('height', height)
    }
    $('#menu').popup('open');
});

叠加层将在460px处短暂显示,然后从屏幕底部调整回大约100px,菜单将显示在高度减去底部条形高度的位置。

这是JQuery Mobile 1.3.2的已知问题吗?如果不使用JQuery Mobile 1.4.0版,我该怎么办?

感谢。

0 个答案:

没有答案