jquery - JQuery Mobile 1.3 要素と Motorola デバイス

Question

JQM 1.3、JQ 1.9.1、PhoneGap/Cordova 2.4.0、および DROID RAZR 4G、MOTOROLA PHOTON 4G、MB855、DROIDX で問題が発生しています。

私の問題は、ユーザーがボタン、フォーム入力、または折りたたみ可能なセットのいずれも表示できないことです。browserstack.com で問題を再現し、その一部を修正することもできます。私は jsbin を持っていますが、browserstack.com または Motorola エミュレーターを持っていない場合、リンクでエラーを表示することはできません (そのため、私の説明が必要になる場合があります)。

http://jsbin.com/ucelop/1/edit

Motorola のブラウザ/html パーサーが z-index 属性を完全に尊重していないか、JQM が提供するものとうまく機能していないようです。ボタンの z-index を 999999 に変更すると、Motorola ブラウザで確認できます (したがって、少し尊重すると思います) が、これは折りたたみ可能なセットやその他のフォーム要素では機能しません。

私のコードはすべて、JQM がサポートする他のすべてのデバイスで動作します。モトローラで何かが起きている....

どんな助けでも大歓迎です！

〜赤

Answer 1

わかりました、jfriend00 のコメントは、私を正しい方向に導くのに役立ちました。

問題は、ヘッダーおよびフッター要素での「data-position=fixed」の使用でした。

これは JQM 1.3 で修正されたという印象を受けましたが、残念ながらそうではありません。私が追加するかもしれないJQM開発者のせいではありませんが、彼らは素晴らしい仕事をします!

Motorola Devices、Android 4.0.4 では、data-position=fixed を使用すると、オーバーレイがフォーム要素やその他の JQM ウィジェットを非表示にします。z-index を手動で変更すると (上で述べたように)、特定の要素でこれを克服できますが、z-index を調整した要素は固定フッターの上に浮かび、固定フッターの効果が無効になります。

私の元のコードは、他のほぼすべてのデバイスと Android バージョンで問題なく動作しましたが、この問題を解決できませんでした。

フッターを position:absolute に変更しましたが、フォーム要素が表示されないという問題がまだありました!! そのため、おそらく Android 2.2/2.3 および 2D CSS 効果のみを対象とする JQM サイトからの修正を開始する必要がありましたが、4.0.4 でも問題が修正されました。

修正:

position: fixed 要素がページの任意の場所にある場合、ほとんどの 2D CSS 変換は失敗します。奇妙なことに、これによって影響を受けないように見えるのは変換変換のみです。さらに奇妙なことに、この問題は固定要素の親に .9 以下の CSS 不透明度を設定することで解決されます。

src= http://api.jquerymobile.com/fixedtoolbar/