0

jQuery Mobile で奇妙な問題が発生しました (英語で申し訳ありません)。

(Samsung Galaxy S2 - デフォルト ブラウザでテスト済み。Nexus 4 では問題なく動作します (デフォルト Chrome))

いくつかの入力フィールドを持つフォームがあります。それらはすべて固定値を持っています。(画面1)

スクリーンショット 1:

http://i.stack.imgur.com/jIytg.png

コード:

<input type="tel" name="format-breite" id="format-breite" class="chfunc" value="Breite in mm: ">
<input type="tel" name="format-hoehe" id="format-hoehe" class="chfunc" value="Höhe in mm: ">

入力をクリックすると、値が白くなり (もう表示されません)、カーソルが正しい位置にありません。ただし、キーボードで入力したテキストは表示されます (画面 2 と 3)。

スクリーンショット 2:

http://i.stack.imgur.com/XHH5j.png

スクリーンショット 3:

http://i.stack.imgur.com/8MC2H.png

次に、入力をクリックすると、すべてが再びここに表示されますが、入力したテキストが正しい位置にありません。(画面4)

スクリーンショット 4:

http://i.stack.imgur.com/37txp.png

その問題はjQuery Mobileでのみ発生します。他の Web サイトでは、入力値に問題はありません。

助言がありますか?

4

1 に答える 1

0

このコードをjsbinbrowserstackでテストしました。私が言えることは、Samsung S2 は input type="tel" タグ/属性に対して完全に HTML5 対応ではないということです。私が使用したテストページは次のとおりです。http://jsbin.com/eweqeq/1/edit

input type="text" に変更すると、シミュレーターで探している動作が得られます。

このレポートhttp://www.quirksmode.org/html5/inputs_mobile.htmlによると、input type="tel" の機能は Android では非常に最小限のようです。これをデバイスと HTML5 の問題、次に jQuery Mobile の問題として分類します。 . ここのページに jQuery Mobile ライブラリを追加しなくても、同じ動作が得られます: http://jsbin.com/awagos/1/edit

于 2013-01-13T23:52:58.337 に答える