jQuery手機頁眉和頁腳隱藏在Android Webview

我有以下問題，我與jQuery手機（1.2.0）創建頁眉和頁腳隱藏在加載文檔。如果我點擊任何位置的容器顯示提示。jQuery手機頁眉和頁腳隱藏在Android Webview

總是顯示其他內容。

此錯誤僅適用於我的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>

請原諒我的英語不好，我希望你能解決我的問題。

來源

2012-12-23 ManuKILLED

只看代碼就看不到問題。使用以下測試：http://jsfiddle.net/Twisty/bECQe/您可以更具體地瞭解您在設備上使用的瀏覽器，Dolphin，Chrome，FireFox？ – Twisty

我也看到了這種行爲。 HTC Incredible 2和SGIII – gabaum10

如果你已經在你的CSS編寫

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

然後刪除它。它可能會幫助你。

來源

2013-04-03 05:09:26 user2058320

這是Android上的一個很好的解決方案！謝謝。 – Flappy

jQuery手機頁眉和頁腳隱藏在Android Webview

回答

相關問題