施用 dataset 属性驱动 jQuery Mobile 组件 _Web前端

使用 dataset 属性驱动 jQuery Mobile 组件

data-role 定义元素在页面中的功能角色
data-title 定义视图页面的标题
data-transition 定义视图切换的动画效果
- Slide 从右到左切换
- Slideup 从下到上切换
- Slidedown 从上到下切换
- Pop 以弹出框的方式打开一个视图或页面
- Fade 渐变退色方式切换
- Flip 旧页面翻转飞出，新页面飞入方式切换
data-rel?定义具有浮动层效果的视图
data-theme 指定元素或组件内的主题样式风格
data-icon 在元素内增加一个 icon 小图标
data-iconpos 定义 icon 小图标的位置，还允许设置 notext 值，指定只有按钮没有文字的按钮
data-inline 指定按钮根据内容自适应其长度
data-type 定义分组按钮按水平或垂直方向排列
data-rel?定义具有特定功能的元素属性，如返回按钮：data-rel=”black”
data-add-back-btn 指定视图页面自动在页眉左侧添加返回按钮
data-back-btn-text 指定由视图页面自动创建的返回按钮的文本内容。该属性的使用通常都需要和 data-add-back-btn 属性一起配合使用
data-position 该属性的作用是实现在滑动屏幕时工具栏的显示和隐藏状态
data-fullscreen 用于指定全屏视图页面
data-native-menu 指定下拉选择功能采用平台内置的选择器
data-placeholder 设置下拉选择功能的占位符
data-inset 实现内嵌列表的功能
data-split-icon 设置列表右侧的图标
data-split-theme 设置列表右侧图标的主题样式风格
data-filter 开启列表过滤搜索功能