UI培训之Jquery Mobile 学习笔记（三）

更新时间:2016年05月20日17时03分来源:澳门大阳城APP入口UI培训学院浏览次数:

5、页面间的过渡效果： data-transition

data-direction="reverse" 反转过渡效果

对话框

删除此项
打电话

免费呼叫我们！
视频及VoIP呼叫
用 Facetime 呼叫我
发消息

带正文的短消息

发邮件

工具栏定位

固定
data-position="fixed"
全屏
只需在工具栏上定义 data-position="fixed" 并在当前页面（ data-role 属性值为 page 的元素）上定义 data-fullscreen="true" 。
真实固定
$.mobile.touchOverflowEnabled = true;

强制指定按钮的位置
可以使用 CSS 类：
class="ui-btn-right" 或 class="ui-btn-left" 。

设置按钮图标
data-icon="gear"

导航菜单：

文件

编辑

视图

将一个导航栏作为 Web 应用的主导航时，最好将主页作为第一个元素
同时最好在第一个 a 元素上加上 class="ui-btn-active" 以便将它标记为已选中

可以折叠内容
data-role='collapsible'
data-collapsed="false" 默认折叠：否

可以使用 data-theme 来改变这个可折叠面板的色样。还可以指定额外的 data-content-theme 属性，这个属性只影响内容
手风琴效果
一个带有 data- role="collapsible-set" 的容器以及一组作为子元素的可折叠面板，这样一次只有一个面板可见