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.
我错过了JQuery Mobile网站上一条非常重要的信息.
要查看所有转换类型,您必须位于支持3D转换的浏览器上.默认情况下,缺少3D支持的设备(如Android 2.x)将回退到所有转换类型的"淡入淡出".此行为是可配置的(请参见下文).
这几乎回答了这个问题......