首页 > 代码库 > jquery mobile自己定义webapp开发实例(一)——前言篇
jquery mobile自己定义webapp开发实例(一)——前言篇
用jquery mobile做了一段时间的webapp开发,准备用自己的一个小demo做一个模块化的分享
点击demo演示
手机演示二维码:
此demo已经是比較老的版本号,用户体验流畅度确实还存在非常大的问题,但在我写这一系列的webapp开发实例后,将会解决大部分问题
以下是以后准备写到的一些点:
1:谈谈关于jquery mobile 一些常见问题的解决。(常见问题的解决查看)
2:jquery mobile实现多页面跳转(不是官网上那样把所以的page在一个.html文件内,而是每一个page分离到不同的.html文件内)
3:自己定义jquery mobile及自己定义jquery mobile主题样式
4:iScroll实现下拉刷新,自己定义滚动栏效果
5:支持左右滑动打开关闭的面板panel
6:自适应滑动自己主动播放全屏轮播广告效果
7:菜单导航内容很多其它时左右滑动切换
8:像app一样的启动页面效果,滑动到最后一张图片后进入首页,或者设置秒数进入首页
9:自己定义jquery mobile表单及表单验证提示消息显示数秒自己主动隐藏
10:html5 audio自己定义加入?点击声音及html video自己定义播放器
11:响应设计(已经有个关于响应设计的小demo)
12:ajax页面跳转參数传递及获取
13:图片延时载入加快反映速度
14:webapp html5离线缓存
差点儿相同就这些了....此实例将所有採用jqm1.4.2版本号
上面说了一大堆,如今我就说说jqm页面跳转吧:
页面跳转goTo()函数代码:
function goTo(page) {
$.mobile.changePage(page, {
transition: "slide"
});
}
此方法调用了jqm对象changePage()方法实现页面跳转,
transition: "slide"的值能够改动为自己想要的页面切换效果假设:pop flip flow等等,这些值都能够在jquery mobile中文api里有
页面跳转a标签,href不用像原生页面跳转那样写,直接什么都不要写了,跳转用onClick事件调用goTo()函数来实现跳转
<a href=http://www.mamicode.com/"" onClick="goTo(‘myPageTwo.html‘)">change to myPageTwo
注意:goTo()方法内传的值是跳转到的页面的路径加文件名称,别忘记写.html页面切换demo下载
了解很多其它关于webapp开发小知识请关注魏翼超然个人站点
jquery mobile自己定义webapp开发实例(一)——前言篇
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。