jquerymobile 文件输入文本在 android 3.2 浏览器上不可见答案

【问题标题】：jquerymobile file input text is invisible on android 3.2 browserjquerymobile 文件输入文本在 android 3.2 浏览器上不可见
【发布时间】：2013-10-06 14:00:48
【问题描述】：

我在 jquerymobile Web 应用程序中使用<input type="file">。它在多个平台上运行良好，但在三星 Galaxy Tab 10" (Android 3.2) 上，文件输入文件名在选择文件后不可见。经过一些调查，我发现删除 data-position="fixed" 几乎可以解决问题（输入文本可见但向下移动）。

这是我的测试 html。

<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    <link rel="stylesheet" href="css/jquery.mobile-1.3.1.css" />
    <script src="js/jquery.mobile-1.3.1.js"></script>
    <title>Test</title>
</head>
<body>
    <div data-role="page">
        <div data-role="panel" id="leftpanel">
            left panel
        </div>

        <div data-role="header" data-position="fixed">
            <h1>Test item</h1>
            <a href="#leftpanel" data-role="button" data-inline="true">left panel</a>
        </div>    

        <div data-role="content">
            <input type="file" data-clear-btn="true" id="file1">
        </div>
    </body>
</html>

【问题讨论】：

标签： android html jquery-mobile file-upload file-io

【解决方案1】：

升级到 jquerymobile 1.4.0 Beta 解决了这个问题。

【讨论】：