Question

在我的使用jquery mobile（v 1.3.2）的android（4.2.2）的phonegap应用程序中，当jquery mobile FIXED 时，文本框被聚焦（键盘打开/显示）标题隐藏再也看不见了。这是示例代码。

<!-- header start -->
    <div data-role="header" id="header" data-position="fixed" data-tap-toggle="false">
        <h4>Stop Card</h4>

        <div class="ui-btn-left">
            <a data-role="button" data-icon="check" id="save" >Lagre</a>
        </div>
        <div class="ui-btn-right">
            <a data-role="button" data-icon="delete" id="stopCardcancel" >Avbryt</a>
        </div>
    </div>
    <!-- header end -->

Answer 1

使用此功能可以解决标题问题data-hide-during-focus="false"。这将修复标题。

试试这个

<!-- header start -->
    <div data-role="header" data-position="fixed" data-tap-toggle="false" data-hide-during-focus="false" data-transition="none">
        <h4>Stop Card</h4>

        <div class="ui-btn-left">
            <a data-role="button" data-icon="check" id="save" >Lagre</a>
        </div>
        <div class="ui-btn-right">
            <a data-role="button" data-icon="delete" id="stopCardcancel" >Avbryt</a>
        </div>
    </div>
    <!-- header end -->

注意：仅限于JQM 1.3.2

Answer 2

查看存储库，是一个未解决的问题'fixed toolbars unfix after softkeyboard #5556'

也许这个answer for another stackoverflow问题可以帮到你。

Answer 3

有时data-position="fixed"无法正常运行，因此请为 ui-header 类提供position:fixed。

.ui-header
{position:fixed;}

当文本焦点（键盘打开）固定标题隐藏（消失）

3 个答案: