Question

我正在尝试进行幻灯片转换，但我看到的只是一个淡入淡出。幻灯片适用于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。任何人都知道为什么我没有看到幻灯片过渡？

编辑：我在Android 2.3.6设备上遇到此问题。确切地说，摩托罗拉Atrix 4G。

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

编辑：我在iOS上测试了我的代码，它似乎运行得很好。不知道为什么它不适用于Android。

Answer 1

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

要查看所有转换类型，您必须位于支持3D转换的浏览器上。默认情况下，缺乏3D支持的设备（例如Android 2.x）将回退到＃34;淡出＆＃34;适用于所有过渡类型。此行为是可配置的（见下文）。

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

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

1 个答案: