Question

我的textarea控件以某种方式脱离了.css主题并向我展示了两个盒子，一个是主题的，一个不是。

此代码在模拟器上运行正常，但在我的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文档，谷歌搜索并查看各种帖子无济于事。

HTML是使用Dreamweaver / CS5.5创建的。

谢谢！

Answer 1

我现在使用data-role =“none”属性修复它。但是，我无法判断这是否是我项目中的环境问题，或者它是否真的是JQueryMobile或Phonegap中的缺陷。

以下是我的代码现在的样子......

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

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

暂时关闭它。谢谢！

Answer 2

可能与它无关，但您忘记在<head>部分导入PhoneGap库。

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

Textarea在Android / JQueryMobile + PhoneGap上发布

2 个答案: