Ajax的导航的标题 Titles in Ajax navigation
多个page的标题 Titles in multi-page templates
<div data-role="page" id="foo" data-title="Page Foo"> </div><!-- /page -->
链接的格式 Link formats
页面转场 Page transitions
给链接添加data-transition属性,可以设定自定义的页面转场效果
<a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="fade" data-inline="true">dialog</a>
<a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="pop" data-inline="true">dialog</a>
<a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="flip" data-inline="true">dialog</a><a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="turn" data-inline="true">dialog</a>
<a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="flow" data-inline="true">dialog</a>
<a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="slidefade" data-inline="true">dialog</a>
<a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="slide" data-inline="true">dialog</a>
<a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="slideup" data-inline="true">dialog</a>
<a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="slidedown" data-inline="true">dialog</a>
<a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="none" data-inline="true">dialog</a>
给链接或者表单的提交添加转场效果
<a href="index.html" data-transition="pop">I'll pop</a>
data-direction="reverse"
页面转场的全局设置
浏览器的支持和表现
为不支持3D转场的情况 定义 平稳退化的 转场效果
$.mobile.transitionFallbacks.slideout = "none"