Question

我在使用jQuery Mobile和cordova的聊天部分的Web应用程序中遇到了问题。我决定用textaera和一个按钮发送信息来固定页脚。但当我触摸textarea写一条消息时，我的键盘没有显示出来。我猜是隐藏的：S

有什么想法解决这个问题吗？

这是我的代码：

<div data-role="content" class="bg">
    <div class="chat-liste">
        <div class="chat-left">
        </div>
        <div class="chat-content">
        </div>
        <div class="chat-form" data-role="footer" data-position="fixed">
            <textarea class="chat-form-text"></textarea><input type="submit" class="chat-form-submit send"/>
        </div>
    </div>
</div>

谢谢：）

Answer 1

实际上键盘不是html，而是系统小部件的一部分，所以不可能将它隐藏在html元素后面。

确保textarea上方没有其他隐形元素接收/窃取它的触摸事件。先决条件是您可以触摸您的textarea。

还需要查看你的css和代码来判断它是否是一个html问题，或者你的jq中有一个 event.preventDefault（）在这个元素上。

什么时候是html问题。尝试给textarea一个更高的z-index，如下所示：

<textarea class="chat-form-text" style="z-index:10000;"></textarea>

如何将手机键盘放在固定页脚JqueryMobile下面

1 个答案: