1

我正在尝试进行幻灯片过渡，但我看到的只是淡入淡出。Slide 可在 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 上运行。

4

1 回答 1

6

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

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

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

于 2012-06-12T16:31:59.840 回答