Jquery Mobile 学习笔记(一)

1.模拟器，IOS:XCODE GENYMOTION  ANDROID:ECLIPSE GENYMOTION

2.jquery mobile

data-role=page 代表一个页面

data-position=fixed 代表固定工具栏

data-transition=slide 跳转动画效果

data-rel=dialog 弹窗口

button：A <button>  B <input type="button" />  C <a class="ui-btn ui-btn-inline" >

data-role=controlgroup 按钮间距变小

data-type=horizontal

date-them=B

collapsible:data-role=collapsible

data-content-them:false  展开框里没有样式

data-collapsed=false  默认展开

data-role=listview  列表可用于<ul>

3. grid layout: class="ui-grid-b" 两列 ui-grid-solo 单列

子内容class="ui-block-a"

listview：data-role="listview"

data-filter = true 过滤

data-inset = true 规定可折叠按钮是否拥有圆角和外边距的样式

data-input ="#xxx" 指定ipunt取值

data-autodividers =true 按首字母分区

实现效果：http://www.jikexueyuan.com/course/273_2.html?ss=1

navbar：导航条 data-role="navbar"

学习资料：http://www.jikexueyuan.com/path/html5#stage6