jQueryMobile总结

jQuery Mobile Data属性

按钮:

data-corners  ture/flase  规定按钮是否圆角
data-icon  规定按钮的图标.默认没有图标
data-iconpos  left/right/top/bottom  规定图标的为孩子
data-iconshadow  true/false  规定按钮图标是否有阴影
data-inline  true/flase 规定按钮是否内联
data-mini  true/false 规定按钮是小尺寸还是常规尺寸
data-theme  字母(a-z)规定按钮的主题颜色 

如果组合多个按钮,请使用带有data-role="controlgroup"属性和data-type="horizontal|vertical"的容器来规定是否水平或垂直组合按钮

复选框
带有type="checkbox"的成双成对的label和input.他们会被自动渲染成按钮样式,data-role不是必须的

data-mini true/false 规定复选框是小尺寸还是常规尺寸
data-role none 防止jQuery Mobile把复选框渲染成按钮样式
data-theme  字母(a-z) 规定复选框的主题颜色

如果需要组合多个复选框,请使用带有data-role="controlgroup"属性和data-type="horizontal|vertical"

可折叠块
在带有data-role="collapsible"的容器内部的后跟任意html标记的标题元素.

data-collapsed true/false 规定内容是折叠还是展开
data-collapsed-icon 规定可折叠按钮的图标,默认是plus
data-content-theme 字母(a-z)  规定可折叠内容的主题颜色.是否为可折叠内容添加圆角
data-expanded-icon  规定当内容展开时可折叠阿牛的图标,默认是minus
data-iconpos left/right/top/bottom 规定可折叠按钮图标位置
data-mini true/false 规定可折叠按钮时小尺寸还是常规尺寸
data-theme  字母(a-z)  规定可折叠按钮的主题颜色

可折叠集合

在带有data-role="collapsible-set"的容器内部的可折叠内容块.
data-collapsed-icon 规定可折叠按钮的图标.默认是plus
data-content-theme 字母(a-z) 规定可折叠按钮的主题颜色
data-expaned-icon 规定当内容展开时可折叠按钮的图标,默认是minus
data-iconpos  left/right/top/bottom  规定图标的位置
data-inset  true/false  规定可折叠块是否渲染成圆角且带外边距
data-mini ture/false 规定可折叠按钮是小尺寸还是常规尺寸