1

スライドトランジションを実行しようとしていますが、表示されるのはフェードだけです。スライドはChromeブラウザでは機能しますが、スマートフォンにロードすると機能しません。

<body onload="onLoad()">
    <div data-role="page" id="index">

        <div class="fixed-top-bar" data-role="header">Title1</div>

<div class="body-container" data-role="content">
<div class="container">
  <ul>
    <li><a href="#second" data-transition="slide">page</a></li>
    <li>World</li>
    <li>This</li>
    <li>Is A</li>
    <li>List</li>
  </ul>
</div>
</div>

<div data-role="footer"></div>
</div>

<div data-role="page" id="second">

    <div class="fixed-top-bar" data-role="header">Title2</div>

    <div class="body-container" data-role="content">
    <div class="container">
    <ul>
        <li><a href="#index" data-transition="slide">page</a></li>
        <li>World</li>
        <li>This</li>
        <li>Is A</li>
    </ul>
</div>
</div>

<div data-role="footer"></div>
</div>
</body>

私のhtmlの本文があります。現在、カスタムjsはありません。スライドトランジションが表示されない理由を知っている人はいますか？

編集：Android2.3.6デバイスでこの問題が発生しています。正確には、MotorolaAtrix4Gです。

編集：スライド以外の他のトランジションを試してみました。それらのどれも機能していないようです。それは私にフェードを与えるだけです。

編集：iOSでコードをテストしましたが、問題なく動作しているようです。Androidで動作しない理由がわかりません。

4

1 に答える 1

6

JQueryMobileWebサイトで非常に重要な情報を1つ見逃しました。

すべての遷移タイプを表示するには、3D変換をサポートするブラウザーを使用している必要があります。デフォルトでは、3Dサポートがないデバイス（Android 2.xなど）は、すべての移行タイプで「フェード」にフォールバックします。この動作は構成可能です（以下を参照）。

それはほとんど質問に答えます...

于 2012-06-12T16:31:59.840 に答える