jquery mobile常用的data-role类型
data-role参数表:
page 页面容器,其内部的mobile元素将会继承这个容器上所设置的属性
header 页面标题容器,这个容器内部可以包含文字、返回按钮、功能按钮等元素
footer 页面页脚容器,这个容器内部也可以包含文字、返回按钮、功能按钮等元素
content 页面内容容器,这是一个很宽容的容器,内部可以包含标准的html元素和jQueryMobile元素
controlgroup 将几个元素设置成一组,一般是几个相同的元素类型
fieldcontain 区域包裹容器,用增加边距和分割线的方式将容器内的元素和容器外的元素明显分隔
navbar 功能导航容器,通俗的讲就是工具条
listview 列表展示容器,类似手机中联系人列表的展示方式
list-divider 列表展示容器的表头,用来展示一组列表的标题,内部不可包含链接
button 按钮,将链接和普通按钮的样式设置成为jQueryMobile的风格
none 阻止框架对元素进行渲染,使元素以html原生的状态显示,主要用于form元素。
data-transition参数表:
slide从右侧向左滑入页面
slideup 从底部向上滑入
slidedown 从上向下滑入
pop 从中心渐显展开
fade 渐显
flip 翻转
data-icon参数表:
data-iconpos参数表:
right图标在文字的右侧
top 图标在文字上面
bottom 图标在文字下面
pop 从中心渐显展开
fade 渐显
flip 翻转
jquery mobile常用的data-role类型相关推荐
- jQuery Mobile框架的简单介绍
When the world discovered the web, things were unexciting and lifeless. For example, building a simp ...
- jquery html data属性,jQuery Mobile Data 属性
jQuery Mobile Data 属性 jQuery Data 属性 jQuery Mobile 使用 HTML5 data-* 属性来为移动设备创建更具触摸友好性和吸引性的外观. 在下面的参考列 ...
- [转]Passing data between pages in JQuery Mobile mobile.changePage
本文转自:http://ramkulkarni.com/blog/passing-data-between-pages-in-jquery-mobile/ I am working on a JQue ...
- jQuery Mobile Data 属性
按钮 带有 data-role="button" 的超链接.button 元素.工具栏中的链接以及 input 字段都会自动渲染成按钮样式,不需要添加 data-role=&quo ...
- JQuery.Ajax()的data参数类型
JQuery.Ajax()的data参数类型 2017年9月14日:补充JQuery.Ajax()的数据类型 本文以前提到的三种类型,这三种参数本质上都是变成了类似"uname=alice& ...
- jQuery Mobile中jQuery.mobile.changePage方法使用详解
jQuery.mobile.changePage方法用的还是很多的.作为一个老手,有必要对jQuery mobile中实用方法做一些总结.系列文章请看jQuery Mobile专栏.jquery.mo ...
- JQuery Mobile中特有事件和方法
JQuery Mobile中特有事件和方法是本文要介绍的内容,主要是来了解JQuery Mobile中的事件和方法的应用,具体内容来看本文详解. 1.触摸屏事件-- Touch events tap ...
- JQuery Mobile 学习
手机端JQuery: http://www.w3school.com.cn/jquerymobile/ 1.JQuery mobile库引用: <link rel="styleshee ...
- 使用 jQuery Mobile 与 HTML5 开发 Web App (十三) —— jQuery Mobile 方法上
本篇介绍的,是 jQuery Mobile 的方法.对比于 jQuery 方法可以实现 DOM 遍历,动画,Ajax 等各种丰富的操作,jQuery Mobile 的方法更像是 jQuery Mobi ...
最新文章
- es修改排序_java 如何实现ElasticSearch自定义排序
- 如何创建启动界面Splash Screen
- Create Geometry from WKT(转载)
- react之bind函数到组件通识篇
- Go gin内嵌静态资源go-bindata的安装及使用(GVA)
- 云计算:企业商业模式创新的新战线
- Codeforces Round #401 (Div. 2) D. Cloud of Hashtags
- 工信部推动第二批“5G+工业互联网”实践的通知
- 原生语言开发web版万岳网校源码 v2.2.0
- [转]浅谈 python multiprocessing(多进程)下如何共享变量
- 今天看了《一声叹息》
- ios android c跨平台,Unity 使用C/C++ 跨平台终极解决方案(PC,iOS,Android,以及支持C/C++的平台)...
- 第八次作业-项目进度计划
- 对三极管特性曲线的理解
- 腾讯裁员,裁出“财务自由”
- Android 源码之overlay分析
- 离散数学实验一——关系
- 刹车防抱死系统(ABS)
- 分布式大矩阵SVD分解
- 电脑连不上网,显示网络连接配置异常