PhoneGap JQuery移动数据转换幻灯片让我褪色

Far*_*d A 1 html android jquery-mobile cordova

我正试图进行幻灯片转换,但我看到的只是一个淡入淡出.幻灯片可在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>
Run Code Online (Sandbox Code Playgroud)

有我的HTML的正文.目前没有任何自定义js.任何人都知道为什么我没有看到幻灯片过渡?

编辑:我在Android 2.3.6设备上遇到此问题.摩托罗拉Atrix 4G准确.

编辑:我试过玩除滑动以外的其他过渡.他们似乎都没有工作.它只会让我褪色.

编辑:我在iOS上测试了我的代码,它似乎工作正常.不知道为什么它不适用于Android.

Far*_*d A 6

我错过了JQuery Mobile网站上一条非常重要的信息.

要查看所有转换类型,您必须位于支持3D转换的浏览器上.默认情况下,缺少3D支持的设备(如Android 2.x)将回退到所有转换类型的"淡入淡出".此行为是可配置的(请参见下文).

这几乎回答了这个问题......