jquery mobile自己定义webapp开发实例（一）——前言篇
浏览数：21 /
时间：2015年06月11日
用jquery mobile做了一段时间的webapp开发，准备用自己的一个小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="" onClick="goTo(‘myPageTwo.html‘)">change to myPageTwo</a>
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
