当前访客身份:游客 [ 登录  | 注册加入尚学堂]
直播

我来了!

拥有积分:3961
尚学堂雄起!!威武。。。

博客分类

笔记中心

课题中心

提问中心

答题中心

解答题中心

phonegap+jqmobi仿照新浪app左右滑动页面切换解决方案

我来了! 发表于 2年前 (2014-09-24 11:08:52)  |  评论(6)  |  阅读次数(9626)| 1 人收藏此文章,   我要收藏   
所属圈子: phonegap移动开发
免费Jqmobi+phonegap入门视频
 http://www.sxt.cn/u/1/blog/3311


phonegap+jqmobi仿照新浪app左右滑动页面切换解决方案:

可以鼠标或者手指在页面上左右滑动实现页面的切换

演示地址:
http://www.apiying.com/jqmobi/

视频教程+课件+源码下载地址

 http://www.sxt.cn/u/1/blog/3311


涉及知识点:
1.jqmobi的左右滑动事件 swipeLeft 和 swipeRight

$('#main_panel').bind("swipeLeft ", function() {
     $.ui.loadContent("#fenlei_panel", false, false, "slide");
})

$('#main_panel').bind("swipeRight", function() {
     $.ui.loadContent("#fenlei_panel", false, false, "slide");
})

2.jqmobi js跳转panel事件 $.ui.loadContent()




分享到:0
关注微信,跟着我们扩展技术视野。每天推送IT新技术文章,每周聚焦一门新技术。微信二维码如下:
微信公众账号:尚学堂(微信号:bjsxt-java)
声明:博客文章版权属于原创作者,受法律保护。如果侵犯了您的权利,请联系管理员,我们将及时删除!
(邮箱:webmaster#sxt.cn(#换为@))
北京总部地址:北京市海淀区西三旗桥东建材城西路85号神州科技园B座三层尚学堂 咨询电话:400-009-1906 010-56233821
Copyright 2007-2015 北京尚学堂科技有限公司 京ICP备13018289号-1 京公网安备11010802015183