JQueryMobile - Webview中未應用的樣式（Android）

我正在使用「JqueryMobile」構建我的Android應用程序。我現在面臨的問題是，沒有得到所申請的頁面JQueryMobile風格..JQueryMobile - Webview中未應用的樣式（Android）

這是我的HTML頁面（在網頁視圖）

<!DOCTYPE HTML> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width"> 
<title></title> 

<link href="css/styles.css" rel="stylesheet" type="text/css"></link> 
<script src="js/jquery.js"></script> 
<script src="js/jquery.mobile-1.0.min.js"></script> 

</head> 

<body> 

<div id="home" data-role="page"> 
    <div data-role="header"><h1>Categories</h1></div> 
    <div data-role="content"> 
    <h2>Select a Category Below:</h2> 
    <ul data-role="listview" data-inset="true"> 
     <li><a href="#category-items?category=animals">Animals</a></li> 
     <li><a href="#category-items?category=colors">Colors</a></li> 
     <li><a href="#category-items?category=vehicles">Vehicles</a></li> 
    </ul> 
    </div> 
</div> 

</body> 

</html>

的代碼及以下是在我的活動代碼類，

super.onCreate(savedInstanceState); 
    setContentView(R.layout.main); 

    WebView webView = (WebView)findViewById(R.id.webView); 
    webView.getSettings().setJavaScriptEnabled(true); 
    webView.getSettings().setDomStorageEnabled(true); 
    webView.setWebChromeClient(new WebChromeClient()); 

    webView.loadUrl("file:///android_asset/www/index.html");

任何關於如何解決它的指針？

來源

2012-02-01 Naveen

什麼你應該是工作，如果CSS是在資產/ WWW/CSS/Styles.css中如果是這樣的話會不會是CSS的根本不符合您的HTML？ – 2012-02-01 14:53:20

發現了問題..

我在這是Android 4.0的模擬器中進行測試我的應用程序。它似乎「冰淇淋三明治」不JQueryMobile支持，因此，即使主要功能不能正常工作..今天我的Android 2.3.3測試相同的應用程序（不加任何修改代碼）和它的工作就像魅力:)

花了近2天，我算出這個:(在這裏張貼了的緣故其他:)

來源

2012-02-02 10:44:55 Naveen

接受你的答案，讓它不再在未回答的問題列表:) – 2013-12-17 05:19:59

謝謝@Anamika。完成:) – Naveen 2013-12-17 06:42:39

你試過jQM 1.1.0最後？我注意到你在上面的代碼中使用了jQM 1.0.0。據推測，冰淇淋三明治在jQM 1.1.0決賽中得到了支持。從JQM網站：

「的Android 4.0（ICS） - 測試上的Galaxy Nexus S.注：轉換性能可以在升級設備差」

來源

2012-05-02 17:21:58 ProfNimrod

看看這個答案：https://stackoverflow.com/a/10420027/1538975

出現的問題在ICS中。只需添加這個CSS代碼，一切正常（今天我有同樣的問題）。

.ui-page { 
    /* Supposed to reduce flickering, but screwed up Ice Cream Sandwich. */ 
    -webkit-backface-visibility: hidden; 
}

來源

2013-01-28 13:28:26

JQueryMobile - Webview中未應用的樣式（Android）

回答

相關問題