首页 > 技术文章 > jquery mobile

barbie7 2016-01-27 17:31 原文

  • data-role定义扮演的角色
    • page页
    • header头部
    • content内容
    • foooter尾部
    • navbar导航
  • data-rel出现的方式 data-rel=“dialog”
  • data-transition
    • slide 从左到右切换
    • slideup从下到上切换
    • slidedown从上到下切换
    • pop以弹出框的方式打开一个视图或页面
    • fade渐变褪色方式切换
    • flip旧页面飞出去,新的页面飞进来
    使用网格对齐内容与bootstrap里的栅格是类似,注意:下面是类名,写在class里
    • ui-grid-a 创建2列的网格
      • 块一ui-block-a
      • 块二ui-block-b 下面的以此类推
    • ui-grid-b 创建3列的网格
    • ui-grid-c 创建4列的网格
    • ui-grid-d 创建5列的网格(最多)
  •  data-position="fixed" 固定头部和底部,不因内容增多而消失
  • data-collapsed-icon="carat-d"  折叠时候的图标  
  • data-expanded-icon="carat-u"   展开时的图标
  • data-iconpos="right"  图标位置 left right top
  • data-position="right" 面板出现的位置 left right
  • data-display="" 
    • revear 默认,将页面像幻灯片一样拉出
    • push 推出页面
    • overlay 覆盖在页面内容之上
  • button按钮的设计
    • data-inline=“true”默认是整行,设置后按钮由内容撑开,不会占一整行
    • data-corners=“false”默认是圆角,取消默认,就是直角的
    • data-shadow=“false”默认是有阴影的,取消默认,就会成为直线去掉阴影
    • 按钮组需要用div将按钮包起来,data-role="controlgroup"

推荐阅读