最近、jquery検証とともに起動されたjqueryモバイルバージョン1.3.0でphonegapを使用しています( 1.11 と 1.9 の2つのバージョンを試しました)。テキストボックスの検証で問題が発生しています。問題は、エラー メッセージがテキスト ボックス内に配置され、見栄えが悪いことです。jquery mobile 1.2.0 では、すべて正常に動作します。問題が見つかりました。エレガントに修正する方法がわかりません。
jquery モバイル 1.2.0 を使用したコード:
<label for="phone">Telefon nummer:</label>
<input type="text" name="phone" class="phone ui-input-text ui-body-c ui-corner-all ui-shadow-inset error" value=""><label for="phone" class="error" style="">Telefonnummer skal oplyses</label>
jquery モバイル 1.3.0 を使用したコード:
<div class="ui-input-text ui-shadow-inset ui-corner-all ui-btn-shadow ui-body-c"><input type="text" name="phone" class="phone ui-input-text ui-body-c error" value=""><label for="phone" class="error" style="">Telefonnummer skal oplyses</label></div>
jquery mobile 1.3.0 でわかるように、div ラッパーが配置されています。どうすればこれを修正できますか?
ありがとう。