Текстовые проблемы на Android / JQueryMobile + PhoneGap - PullRequest
Новая
       0

Текстовые проблемы на Android / JQueryMobile + PhoneGap

1 голос
/ 30 ноября 2011

Мой элемент управления 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, Googled и просматривал различные посты безрезультатно.

HTML был создан с помощью Dreamweaver / CS5.5.

Спасибо!

Ответы [ 2 ]

0 голосов
/ 01 декабря 2011

Возможно, это не имеет никакого отношения, но вы забыли импортировать библиотеку PhoneGap в часть <head>. 

<script type="text/javascript" charset="utf-8" src="phonegap-1.2.0.js"></script>
0 голосов
/ 01 декабря 2011

Я исправил это сейчас, используя атрибут data-role = "none".Однако я не могу сказать, является ли это проблемой среды в моем проекте, или это действительно дефект в JQueryMobile или Phonegap.

Вот как мой код выглядит сейчас ... 

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

Ref.JQM Документы: http://jquerymobile.com/demos/1.0b1/#/demos/1.0b1/docs/forms/forms-all-native.html

Пока закрываем.Спасибо!

...