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 规定可折叠按钮是小尺寸还是常规尺寸
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容