[转]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  这个是代码风格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按钮
     
   
posted @ 2013-08-11 21:54  etianqq  阅读(132)  评论(0)    收藏  举报