Question

我遇到了以下问题：我在jQuery mobile（1.2.0）创建的页眉和页脚在加载文档时被隐藏了。如果我点击任何位置，容器会显示提示。

其他内容总是显示出来。

此错误仅出现在我的LG Optimus L5（Android 4.0.3）上。在我的Galaxy S3（4.1），Galaxy Note（4.1）或任何虚拟机（2.3.3,4.2）或浏览器（PC）中，没有这样的错误。

将HTML文件加载到WebView中。

这是我的HTML源代码：

<div data-role="header" data-theme="c" data-position="fixed" data-tap-toggle="false" data-iscroll="enable" data-fullscreen="false" id="header_app"> 
    <img src="logo.png" alt="" height="50" style="margin: 6px; margin-bottom: 0;" />
</div> 

<div data-role="content" id="cnt" > 
</div>

<div data-role="footer" data-theme="c" data-position="fixed" data-tap-toggle="false" data-fullscreen="false"> 
    <div data-role="navbar">
        <ul>
            <li><a href="#" data-icon="home" data-iconpos="right" data-iconpos="notext" id="bck" class="ui-btn-active"></a></li>
            <li><a href="#" data-icon="info" data-iconpos="notext" id="info"></a></li>
            <li><a href="#" data-icon="gear" data-iconpos="notext" id="options"></a></li>
            <li><a href="#" data-icon="refresh" data-iconpos="notext" id="refresh_data"></a></li>
            <li><a href="#" data-icon="myapp-email" data-iconpos="notext" id="msgs"></a></li>
        </ul>
    </div>
</div>

请原谅我的英语不好，我希望你能解决我的问题。

Answer 1

如果你写了

.ui-page { -webkit-backface-visibility: hidden; }

在你的CSS中

然后删除它。它可能对你有帮助。

Android Webview中隐藏的jQuery移动页眉和页脚

1 个答案: