jQuery Mobile事件全解

jQuery Mobile 所有class选项

jQuery Mobile 所有data-*选项

jQuery Mobile 所有class选项:

全局类:

//ui-corner-all             为元素添加圆角
//ui-shadow                 为元素添加阴影
//ui-overlay-shadow         为元素添加多层阴影
//ui-mini                   让元素变小

按钮类:

//<a> 或 <button> 元素添加以下类 (不是 <input> 按钮):

//ui-btn                        添加在 <a> 元素上并以按钮形式展示
//ui-btn-inline                 在同一行上显示按钮
//ui-btn-icon-top               定位图标在按钮文本之上
//ui-btn-icon-right             定位图标在按钮文本的右边
//ui-btn-icon-bottom            定位图标在按钮文本之下
//ui-btn-icon-left              定位图标在按钮文本的左边
//ui-btn-icon-notext            只显示图标
//ui-btn-a|b                    指定按钮演示。"a" 是默认的 (灰色背景黑色文本样式), "b" 修改颜色为黑色背景白色文本
//ui-btn-left                   按钮位置靠左
//ui-btn-right                  按钮位置靠右

图标类:

//ui-icon-action            动作 (一般用于页面跳转切换) action
//ui-icon-alert             三角形内的感叹号    alert
//ui-icon-audio             音响/音箱   audio
//ui-icon-arrow-d-l         左下角箭头   arrow-d-l
//ui-icon-arrow-d-r         右下角箭头   arrow-d-r
//ui-icon-arrow-u-l         左上角箭头   arrow-u-l
//ui-icon-arrow-u-r         右上角箭头   arrow-u-r
//ui-icon-arrow-l           左角箭头    arrow-l
//ui-icon-arrow-r           右角箭头    arrow-r
//ui-icon-arrow-u           向上箭头    arrow-u
//ui-icon-arrow-d           向下箭头    arrow-d
//ui-icon-back              返回  back
//ui-icon-bars              三条水平线,一般用于展示列表按钮图标  bars
//ui-icon-bullets           用于展示列表按钮图标  bullets
//ui-icon-calendar          日历  calendar
//ui-icon-camera            相机  camera
//ui-icon-carat-d           向下滑动图标  carat-d
//ui-icon-carat-l           向左滑动图标  carat-l
//ui-icon-carat-r           向右滑动图标  carat-r
//ui-icon-carat-u           向上滑动图标  carat-u
//ui-icon-check             勾选  check
//ui-icon-clock             闹钟  clock
//ui-icon-cloud             云   cloud
//ui-icon-comment           评论 / 消息 comment
//ui-icon-delete            删除  delete
//ui-icon-edit              编辑 / 铅笔 edit
//ui-icon-eye               眼睛  eye
//ui-icon-forbidden         禁用标识 sign   forbidden
//ui-icon-forward           撤销 - (返回上一步)    forward
//ui-icon-gear              齿轮,一般用于设置按钮图标   gear
//ui-icon-grid              网格  grid
//ui-icon-heart             心型,可用于文章收藏  heart
//ui-icon-home              主页  home
//ui-icon-info              信息  info
//ui-icon-location          定位  location
//ui-icon-lock              锁   lock
//ui-icon-mail              邮件 / 信封 mail
//ui-icon-minus             减号  minus
//ui-icon-navigation        导航  navigation
//ui-icon-phone             电话  phone
//ui-icon-power             开关 (On/off) power
//ui-icon-plus              加号  plus
//ui-icon-recycle           循环 标识   recycle
//ui-icon-refresh           刷新  refresh
//ui-icon-search            搜索 / 放大镜    search
//ui-icon-shop              商店/购物袋  shop
//ui-icon-star              星号  star
//ui-icon-tag               标签  tag
//ui-icon-user              用户 / 人物 user
//ui-icon-video             视频 / 相机
//ui-nodisc-icon            移除图标的灰色圆圈,
//ui-alt-icon               图标显示为黑色(默认为白色)

主题类:

// Classes  字母 (a-z) 意为样式可以指定 a 到 z。例如 ui-bar-a 或 ui-bar-b等

//ui-bar-(a-z)               指定栏目演示 - 头部,底部及其他栏目
//ui-body-(a-z)              指定内容块的颜色 - 页面内容部分 ( 1.4.0 版本已废弃), 列表视图, 弹窗, 侧栏,面板,加载,折叠。
//ui-btn-(a-z)               指定按钮颜色
//ui-group-theme-(a-z)       定义了控制组的演示 listviews 和 collapsible 集合。
//ui-overlay-(a-z)           定义了页面背景颜色,包括对话框,弹窗和其他出现在最顶层的页面容器
//ui-page-theme-(a-z)        定义了页面演示

网格类:

//网格中的列是等宽的(合计是 100%),没有边框、背景、margin 或 padding

//ui-grid-solo      100%                                ui-block-a
//ui-grid-a         50% / 50%                           ui-block-a|
//ui-grid-b         33% / 33% / 33%                     ui-block-a|b|c
//ui-grid-c         25% / 25% / 25% / 25%               ui-block-a|b|c|d
//ui-grid-d         20% / 20% / 20% / 20% / 20%         ui-block-a|b|c|d|e
05-11 21:45