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

 

 
免费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
 
1
2
3
4
5
6
7
$( '#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()

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

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

你可能感兴趣的:(PhoneGap)