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

【问题标题】：PhoneGap JQuery mobile data-transition slide giving me fadePhoneGap JQuery 移动数据转换幻灯片让我褪色
【发布时间】：2012-06-11 20:37:13
【问题描述】：

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

【问题讨论】：

我想从 Android 标签来看，您的问题出在 Android 设备上。 there 回答了类似的问题，请查看。
是的，它在 Android 上。我应该指定抱歉。我已经看过那个问题了。不幸的是，它并没有帮助我解决我的问题。
顺便问一下，你用的是哪个版本的JQM？
用你的安卓浏览器测试this page上的转场（不需要用phonegap把它打包到一个应用程序中），看看它是否在那里工作。
啊，我错过了转换页面上的重要说明... Android 2.X 不支持 3d 转换，所有转换都使用除了淡入淡出...编辑：我尝试了链接和都是淡入淡出的动画……

标签： android html jquery-mobile cordova

【解决方案1】：

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

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

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

【讨论】：