[转]old:jquery mobile手册
http://www.zhouwenbin.com/wp-content/uploads/2011/01/jquery-mobile.html
| data-role | page | 设置你的页面为mobile的样式就靠它了,放在body的下面是mobile的容器<div data-role="page"></div> |
|---|---|---|
| header | 用来设置你的页面的头部使用方法和page类似,<div data-role="header"></div> | |
| footer | 用来设置你的页面的底部使用方法和header类似,<div data-role="footer"></div> | |
| content | 用于设置页面的内容部分<div data-role="content"></div> | |
| controlgroup | 把几个标签设置成一个组,这个一般会配合data-type="horizontal"一起使用 | |
| fieldcontain | 使用它会给这个标签定义一下下划线和一个下边距 | |
| navbar | 从字面的意思你就可以想到它的用法,对就是用来设置你的导航菜单的 | |
| listview | 以列表的样式显示(这个样式是预先定好的)这个一般会配合data-inset="true"使用。例如<ul data-role="listview" data-inset="true"></ul> | |
| list-divider | 这个是用在li上面的用于设置成众多li的标题,并且这个li中不能存在a标签 | |
| button | 这个属性可以使你的标签样式呈现出和按钮相同的外观 | |
|
data-theme (主题) |
a | 这个是代码风格a也就是默认的风格 |
| b | ![]() |
|
| c | ![]() |
|
| d | ![]() |
|
| e | ![]() |
|
|
data-type (排列方式) |
horizontal(水平) | 这个属性是实现一个组内的标签的排列方向是水平的 |
| 默认就是竖直 | 如果不想实现水平那么你可以不添加data-type即可! | |
|
data-transition (切换方式) |
pop | 你可以通过测试得出你想要的切换方式 |
| slideup | 你可以通过测试得出你想要的切换方式 | |
| flip | 你可以通过测试得出你想要的切换方式 | |
|
data-icon (图标) |
delete | web标准学习 |
| plus | web标准学习 | |
| minus | web标准学习 | |
| arrow-u | web标准学习 | |
| arrow-d | web标准学习 | |
| arrow-l | web标准学习 | |
| arrow-r | web标准学习 | |
| check | web标准学习 | |
| gear | web标准学习 | |
| refresh | web标准学习 | |
| forward | web标准学习 | |
| back | web标准学习 | |
| grid | web标准学习 | |
| star | web标准学习 | |
| alert | web标准学习 | |
| info | web标准学习 | |
|
data-iconpos (图标对齐) |
left | 这个是默认的左对齐 |
| right | web标准学习 | |
|
data-iconpos (去除文本) |
notext(去除文本) | web标准学习 |
| data-fullscreen | true(满屏) | 设置这个可以实现满屏 |
| false(非满屏) | 这个是默认的如果你不需要满屏就不需要设置这一项 | |
| data-position | fixed | 从表面的意思就可以理解,就是实现固定在某个位置不动 |
| inline | ||
| data-inset | true | 实现非全屏的圆角效果 |
| false | 默认的就是false | |
|
data-rel |
dialog(弹出对话框) | web标准学习 |
| data-inline (内联) |
true(析成内联样式) | web标准学习 |
| false | web标准学习 | |
|
data-nobackbtn (返回按钮) |
true | 设置成true,header中将不再有back按钮出现 |
| false | 默认的有back按钮 | |
~~~行到水穷处,坐看云起时

这个是代码风格a也就是默认的风格



浙公网安备 33010602011771号