jquery-mobile - 当手机间隙android中的键盘弹出时，页眉和页脚会改变它们的位置

Question

我创建了一个页面，其中包含折叠视图和输入文本。它工作正常，问题是页眉和页脚保持固定，直到单击输入文本并且键盘弹出一旦键盘弹出，页眉就会随着字段向上滑动并隐藏，但是一旦键盘隐藏页眉和页脚就可以到达它们的原始位置告诉它为什么会这样，我该如何克服这个问题。

Answer 1

解决这个 android 讨厌的最简单方法是使用输入焦点和模糊事件。

在 jQuery 中：

$("input").focus(function(){
    $('footer').hide();
});

$("input").blur(function(){
    $('footer').show();
});

Answer 2

使用这个在我身边工作，请使用相同的顺序

<script src='js/jquery-1.9.1.min.js' type="text/javascript"></script>
<script>
    $(document).on("mobileinit", function() {

        $.mobile.fixedtoolbar.prototype.options.tapToggle = false;
        $.mobile.fixedtoolbar.prototype.options.hideDuringFocus = "";

    });
</script>
<script src="js/jquery.mobile-1.3.1.min.js"></script>