jquery mobile常用类型参数
2015-12-30 10:14
411 查看
data-role参数表
page 页面容器,其内部的mobile元素将会继承这个容器上所设置的属性
header 页面标题容器,这个容器内部可以包含文字、返回按钮、功能按钮等元素
footer 页面页脚容器,这个容器内部也可以包含文字、返回按钮、功能按钮等元素
content 页面内容容器,这是一个很宽容的容器,内部可以包含标准的html元素和jQueryMobile元素
controlgroup 将几个元素设置成一组,一般是几个相同的元素类型
fieldcontain 区域包裹容器,用增加边距和分割线的方式将容器内的元素和容器外的元素明显分隔
navbar 功能导航容器,通俗的讲就是工具条
listview 列表展示容器,类似手机中联系人列表的展示方式
list-divider 列表展示容器的表头,用来展示一组列表的标题,内容不可包含链接
button 按钮,将链接和普通按钮的样式设置成为jQueryMobile的风格
none 阻止框架对元素进行渲染,使元素以html原生的状态显示,主要用于from元素
collapsible 可折叠按钮
data-transition参数表
slide 从右侧向左滑入页面
slideup 从底部向上滑入
slidedown 从上向下滑入
pop 从中心渐显展开
fade 渐显
flip 翻转
data-iconpos参数表
right 图标在文字的右侧
top 图标在文字上面
bottom 图标在文字下面
pop 从中心渐显展开
fade 渐显
flip 翻转
data-icon参数表
:arrow-l
:arrow-r
:arrow-u
:arrow-d
:delete
:plus
:minus
:check
:gear
:refresh
:forward
:back
:grid
:star
:alert
:info
:home
:search
page 页面容器,其内部的mobile元素将会继承这个容器上所设置的属性
header 页面标题容器,这个容器内部可以包含文字、返回按钮、功能按钮等元素
footer 页面页脚容器,这个容器内部也可以包含文字、返回按钮、功能按钮等元素
content 页面内容容器,这是一个很宽容的容器,内部可以包含标准的html元素和jQueryMobile元素
controlgroup 将几个元素设置成一组,一般是几个相同的元素类型
fieldcontain 区域包裹容器,用增加边距和分割线的方式将容器内的元素和容器外的元素明显分隔
navbar 功能导航容器,通俗的讲就是工具条
listview 列表展示容器,类似手机中联系人列表的展示方式
list-divider 列表展示容器的表头,用来展示一组列表的标题,内容不可包含链接
button 按钮,将链接和普通按钮的样式设置成为jQueryMobile的风格
none 阻止框架对元素进行渲染,使元素以html原生的状态显示,主要用于from元素
collapsible 可折叠按钮
data-transition参数表
slide 从右侧向左滑入页面
slideup 从底部向上滑入
slidedown 从上向下滑入
pop 从中心渐显展开
fade 渐显
flip 翻转
data-iconpos参数表
right 图标在文字的右侧
top 图标在文字上面
bottom 图标在文字下面
pop 从中心渐显展开
fade 渐显
flip 翻转
data-icon参数表
:arrow-l
:arrow-r
:arrow-u
:arrow-d
:delete
:plus
:minus
:check
:gear
:refresh
:forward
:back
:grid
:star
:alert
:info
:home
:search
相关文章推荐
- jQuery给元素添加样式的方法详解
- jquery.SuperSlide
- OpenLayers学习笔记4——使用jQuery UI实现測量对话框
- jQuery与Servlet实现文件上传与获取上传进度
- JQuery 选择器
- jquery.reveal弹出框
- 用户登录成功后的信息初始化及持久连接安全机制---php+json+jquery
- Jquery 函数扩展
- jQuery插件
- jQuery给元素添加样式的方法详解
- jQuery拖动元素并对元素进行重新排序
- 分享两款带遮罩的jQuery弹出框
- 基于jQuery实现美观且实用的倒计时实例代码
- jQuery 联动的DEMO
- jquery "$" 冲突
- 开始新旅程
- Jquery 获取表单值
- Jquery FlexGrid
- jQuery.mmenu使用(待更新)
- jquery.validate.js使用之自定义表单验证规则