2

我创建了一个使用 4 可折叠的页面。问题是当我在模拟器或移动设备中运行应用程序并在关闭键盘后在文本字段中输入一些内容时，有时页眉和页脚隐藏，有时它与页面一起滑动，然后在页面上再次出现。我正在使用 jQM1.3.1.js 文件。谁能告诉我是什么问题以及我该如何解决它。

任何建议表示赞赏。

4

3 回答 3

1

或者，您可以使用页眉标签中的以下内容避免在点击时切换页眉和页脚。

数据点击切换 =“假”

<div data-role="header" data-position="fixed" data-tap-toggle="false" data-theme="o">

此外，如果您的页眉或页脚在页面顶部以外的某个地方跳转。尝试这个：

这被报告为 jQM 错误，但仍未修复。我正在使用 jQM 1.3.2 并且它仍然存在，当您向下滚动页面底部并单击文本字段或输入时，键盘出现并且一切正常，一旦元素失去焦点，标题会跳转并固定本身不在页面顶部。

试试这个对我有用的解决方案，取自下面提到的线程。

// Workaround for buggy header/footer fixed position when virtual keyboard is on/off
$('input, textarea')
.on('focus', function (e) {
    $('header, footer').css('position', 'absolute');
})
.on('blur', function (e) {
    $('header, footer').css('position', 'fixed');
    //force page redraw to fix incorrectly positioned fixed elements
    setTimeout( function() {
        window.scrollTo( $.mobile.window.scrollLeft(), $.mobile.window.scrollTop() );
    }, 20 );
});

其他解决方案在此处发布。这是一个值得一看的线程： https ://github.com/jquery/jquery-mobile/issues/5532

于 2013-09-17T18:06:19.177 回答
1

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

在 jQuery 中：如果您使用的是 html5 页脚标记，或者在必要时更改为类名。

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

$("input").blur(function(){
    $('footer').show();
});
于 2013-10-08T14:15:29.387 回答
0 
Use these settings after jQuery js file and before jQuery mobile js file:
<script>     
$(document).on("mobileinit", function () {

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

});
</script>
于 2013-07-30T05:02:24.257 回答