jquery mobile

Posted 2020-06-09

• 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 覆盖在页面内容之上