文本输入后,Phonegap,jQuery Mobile,Android,不再修复工具栏

时间:2012-08-30 10:15:42

标签: android cordova jquery-mobile footer textinput

关于工具栏的jQuery mobile,phonegap和android的组合我有一个问题。更确切地说,我希望在输入文本区域后,我的页眉和页脚都保持稳定(data-position =“fixed”)。

我还在页眉和页脚上都包含属性data-tap-toggle =“false”,但在我在文本区域写一些内容并返回页面后,页脚和页眉不再“固定”了,我必须再次触摸屏幕才能看到并再次修复。

有什么建议吗? 提前谢谢。

3 个答案:

答案 0 :(得分:1)

最佳解决方案(对我来说非常适合)是:

https://github.com/watusi/jquery-mobile-iscrollview

它是jquery mobile与iscroll的组合。 基本上,它完成了加入2个提到的库的所有令人讨厌的工作。

答案 1 :(得分:0)

我在iOS上遇到完全相同的问题。几个小时后,尝试了几件不同的事情,我去了iScroll。如果除此之外还有任何答案,我很乐意听到。

答案 2 :(得分:0)

我在Android 4.0.3上遇到了同样的问题。我有一个带搜索框的列表。只要点击搜索框输入,页眉和页脚就会丢失其固定位置。我为我做了一个非常简单的修复工作。

    $('input[data-type=search]').live("focus", function() {
        $("[data-role=header]").css('position','fixed');
        $("[data-role=footer]").css('position','fixed');
    });

希望它有效!