關於Android/JQueryMobile + PhoneGap上的Textarea問題

我的textarea控件以某種方式脫離了.css主題，並向我展示了兩個框，一個是主題框，另一個不是。關於Android/JQueryMobile + PhoneGap上的Textarea問題

此代碼工作正常在模擬器上，但表現出對我的HTC的Evo這種行爲，這裏的截圖http://postimage.org/image/w7dxo53jf/

我在做什麼錯？

<!DOCTYPE HTML> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>Untitled Document</title> 
<link href="./jquery-mobile/jquery.mobile-1.0.css" rel="stylesheet" type="text/css"/> 
<script src="./jquery-mobile/jquery-1.6.4.js"></script> 
<script src="./jquery-mobile/jquery.mobile-1.0.js"></script> 
</head> 
<body> 
<div data-role="page" id="page"> 
    <div data-role="header"> 
<h1>Header</h1> 
    </div> 
    <div data-role="content">Content 
    <div data-role="fieldcontain"> 
    <label for="textarea">Textarea:</label> 
    <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea> 
</div> 
    </div> 
    <div data-role="footer"> 
    <h4>Footer</h4> 
    </div> 
</div> 
</body> 
</html>

我是JQuery和Phonegap的新手，所以我確信有一些愚蠢的東西我錯過了。我已經通過JQuery和JQM文檔，Google搜索並查看各種帖子無濟於事。

的HTML中使用Dreamweaver/CS5.5創建。

謝謝！

來源

2011-11-30 DevIntern

我固定它現在使用數據角色=「無」屬性。但是，我無法確定這是否是我項目中的環境問題，或者它是否是JQueryMobile或Phonegap中的缺陷。

這裏是我的代碼看起來像現在......

 <div data-role="none"> 
      <textarea id="textareaComments"></textarea> 
     </div>

參考。 JQM Docs： http://jquerymobile.com/demos/1.0b1/#/demos/1.0b1/docs/forms/forms-all-native.html

現在就關閉它。謝謝！

來源

2011-12-01 07:38:48 DevIntern

也許與它無關，但是您忘記導入<head>部件中的PhoneGap庫。

<script type="text/javascript" charset="utf-8" src="phonegap-1.2.0.js"></script>

來源

2011-12-01 09:09:55 Pablo

我試過，但同樣的事情。我現在要回到解決方法。它確實讓我感到困惑，我相信這是我最終會發現的地方的某種愚蠢的東西。感謝您的回覆。對不起，我花了一段時間才恢復。 – DevIntern

關於Android/JQueryMobile + PhoneGap上的Textarea問題

回答

相關問題