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

转载于:https://www.cnblogs.com/grape1211/p/4985911.html