4

Chrome、FF、Mobile Safari、および Android 2.2 のブラウザーを使用して表示すると実行される jQuery Mobile (1.1.0) アプリがあります。ただし、Android 4.0.3 シミュレーターのブラウザーで表示すると、さまざまな問題があります。

これらには以下が含まれます:

1) ヘッダー バーが表示されません (ショーで短時間表示されて消えます - 固定フッターで問題ありません)。

2) ページ上のボタンは表示されませんが、クリック イベントは正しく受信および処理されます。

これは、同僚の ICS Android Phone (Galaxy Nexus) でも発生します。

マークアップはすべて、jQM のかなり標準的なものです。たとえば、メインのボタンはタグです。ヘッダーは次のとおりです。

<header data-role="header">
    <h1 data-bind="text: theTitle"></h1>

    <a id="waitButton" href="#" class="ui-btn-left" data-bind="click: wait">Wait</a>
    <a id="pollButton" href="#" class="ui-btn-right" data-bind="click: poll">Poll</a>
</header>

[data-bind 属性は Knockout.js 用]

ICSで動作させるために何を変更する必要があるか知っている人はいますか? それとも、これは jQuery Mobile の「進行中の作業」ですか?

4

3 に答える 3

7

問題が見つかりました。iOS のテスト中に追加したのは、次の css ルールです。

.ui-page 
{
    /* Supposed to reduce flickering, but screwed up Ice Cream Sandwich. */
    -webkit-backface-visibility: hidden;
}
于 2012-05-02T19:01:24.740 に答える
1

これを確認します。

Galaxy 10.1 タブを 3.2 から 4.0.3 にアップグレードしました。JQM 1.1 ページが読み込まれず、ほとんど空白のページが表示され、ヘッダーが表示されませんでした。

上記のソリューションは、これらすべてを修正しました。性能も向上しているようです。ただし、私たちのページはトランジションを使用しません。

ところで、input type="date" は、ネイティブの日付ピッカーを正しくアクティブにします。type="number" は、3.2 では機能していなかった小数点を許可します。

于 2012-09-19T14:19:49.243 に答える