jquery mobile

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery mobile相关的知识,希望对你有一定的参考价值。

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

以上是关于jquery mobile的主要内容,如果未能解决你的问题,请参考以下文章

JQuery Mobile 1.3.1“$.mobile.loading”不工作

jquery , jquery ui 和 jquery mobile 如何组合在一起

设置 jQuery Mobile 脚本

如何使用 jquery 或 jquery mobile mobile 根据日期列出数据

jquery Mobile入门—多页面切换示例学习

将jquery mobile和php mysql转换为apk文件