Warren

不积跬步,无以至千里

  • 2013-05-05 15:20:50.0月
  • 2013-05-05 15:20:50.0

分类:JqueryMobile / 标签:JqueryMobile,Jqm,demo,phonegap,离线缓存,上拉翻页,下拉刷新,iscroll,jsonp

这个是一个JQM+Phonegap项目实战Demo,版本1.1。

1.1版本新增功能:

1、增加离线浏览功能,实现文字及图片的缓存。
2、增加清除缓存功能,包括清除文字和图片的缓存。
3、增加开启、关闭离线浏览功能。
4、增加下拉刷新功能
5、去除1.0版本里的IOS主题

新界面预览:

  • 主页面
    主页面
  • 结合iscroll下拉刷新
    结合iscroll下拉刷新
  • 图片上传
    图片上传
  • 设置界面
    设置界面
2013-05-05 15:20:50.0 / 全文阅读
  • 2013-05-02 20:16:21.0月
  • 2013-05-02 20:16:21.0

分类:JqueryMobile / 标签:JqueryMobile,Jqm,demo,phonegap,上拉翻页,下拉刷新,iscroll,jsonp

前言:

此项目是在JQM项目实战 Demo的基础上增加了phonegap的封装,以及动态数据的获取。

1.0版本主要功能:

1、结合iscroll动态ajax跨域加载数据
2、结合iscroll上拉翻页
3、图片上传
4、phonegap控制双击返回退出程序

功能预览:

  • 结合iscroll动态ajax跨域加载数据
    结合iscroll动态ajax跨域加载数据
  • 结合iscroll上拉翻页
    结合iscroll上拉翻页
  • 图片上传
    图片上传
  • phonegap控制双击返回退出程序
    phonegap控制双击返回退出程序
2013-05-02 20:16:21.0 / 全文阅读
  • 2013-04-28 01:06:21.0月
  • 2013-04-28 01:06:21.0

分类:JqueryMobile / 标签:JqueryMobile,Jqm,demo,上拉翻页,下拉刷新,iscroll

前言:

此项目只为演示某些功能,所以很多UI细节以及代码细节(js方法的重用、ID以及变量命名等)并没有去很好的处理,只为抛砖引玉,更好的封装和实现请自行处理。

演示重点:

1、给新手提供较完整的学习Demo
2、iscroll与ajax跳转的结合使用。
3、IOS Theme与JQM的结合使用。
4、带参数跳转的实现。
5、JQM Swipe的使用。
6、JQM Ajax Slide转屏效果。 7、上拉/下拉刷新效果。

预览:

  • 登录界面
    登录界面
  • 注册界面
    注册界面
  • 选择头像
    选择头像
  • 内容主页
    内容主页
  • 详细信息
    详细信息
  • IOS Theme组件
    IOS Theme组件
  • 上拉/下拉刷新
    上拉/下拉刷新
2013-04-28 01:06:21.0 / 全文阅读
  • 2013-04-25 17:44:51.0月
  • 2013-04-25 17:44:51.0

分类:JqueryMobile / 标签:JqueryMobile,Jqm,demo,mobiscroll,日期控件

mobiscroll

mobiscroll

整理了一些mobiscroll的实用demo,方便大家使用。

2013-04-25 17:44:51.0 / 全文阅读
  • 2013-04-24 22:25:23.0月
  • 2013-04-24 22:25:23.0

分类:JqueryMobile / 标签:JqueryMobile,Jqm,demo,iscroll,上拉翻页,下拉刷新

此demo是dawncc的作品,感谢dawncc的分享。

demo截图:

JQM+iScroll上拉刷新Demo

2013-04-24 22:25:23.0 / 全文阅读
分享按钮