jQuery Mobile 导航与控件开发指南
1. jQuery Mobile 页面过渡效果
jQuery Mobile 框架提供了对页面过渡效果的控制,开箱即用支持 9 种过渡效果(算上“无效果”则有 10 种),具体如下:
- fade
- pop
- flip
- turn
- flow
- slidefade
- slide
- slideup
- slidedown
- none
这些过渡效果同时适用于页面和对话框。使用过渡效果非常简单,只需在链接声明中指定即可。例如,将“About Us”链接修改为如下代码:
<li><a>About Us</a></li>保存文件并加载项目,点击“About Us”,页面将以翻转效果过渡,而不是默认的淡入淡出效果。你可以尝试不同的过渡效果,找到自己喜欢的并应用到其他链接上。
不过,需要注意的是,这些过渡效果并非完全跨平台。在某些设备上可能会出现闪烁等异常行为。为解决这个问题,可以在自定义 CSS 文件中添加以下代码:
.ui-page { -webkit-backface-visibility: hidden; }另外,在运行 2.x 版本的 Android 设备(约占在用 Andr