PhoneGap中文网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 57506|回复: 1439

第九讲 phonegap 教程 Jquery Mobile 面板(panel)详解

  [复制链接]

485

主题

2013

帖子

6612

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6612
发表于 2013-9-28 23:27:49 | 显示全部楼层 |阅读模式
高清视屏教程下载地址:

http://yun.baidu.com/s/1pJEztPL


课件以及源码下载地址:

游客,如果您要查看本帖隐藏内容请回复



1. 面板具有灵活的设计,可以用于导航,注册登录,以及更多。可以实现几乎data-role="content" 完成的所有功能 用data-role="panel"来定义
data-display=“reveal” ,默认值,将页面像幻灯片一样从屏幕划出,将面板显示出来
data-display="overlay",面板出现在页面内容顶部上层。
data-display="push",是同时“推动”的面板和页面。

手指左右触摸  实现面板显示与隐藏js 代码
  1. <script>
  2.                 $( document ).on( "pageinit", "#demo-page", function() {

  3.                         $( document ).on( "swipeleft swiperight", "#demo-page", function( e ) {
  4.                                 // We check if there is no open panel on the page because otherwise
  5.                                 // a swipe to close the left panel would also open the right panel (and v.v.).
  6.                                 // We do this by checking the data that the framework stores on the page element (panel: open).
  7.                                 if ( $.mobile.activePage.jqmData( "panel" ) !== "open" ) {
  8.                                         if ( e.type === "swipeleft"  ) {
  9.                                                 $( "#right-panel" ).panel( "open" );
  10.                                         } else if ( e.type === "swiperight" ) {
  11.                                                 $( "#left-panel" ).panel( "open" );
  12.                                         }
  13.                                 }
  14.                         });
  15.                 });
  16.     </script>
复制代码

第九讲 phonegap 教程 Jquery Mobile 面板(panel)详解

第九讲 phonegap 教程 Jquery Mobile 面板(panel)详解


it营
回复

使用道具 举报

1

主题

19

帖子

71

积分

注册会员

Rank: 2

积分
71
发表于 2013-9-29 00:16:38 | 显示全部楼层
怎么都不能下载了
it营
回复 支持 反对

使用道具 举报

0

主题

16

帖子

86

积分

注册会员

Rank: 2

积分
86
发表于 2013-9-29 00:26:35 | 显示全部楼层
不管东西咋样 还是先谢谢了
回复 支持 反对

使用道具 举报

485

主题

2013

帖子

6612

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6612
 楼主| 发表于 2013-9-29 11:07:36 | 显示全部楼层
mailawu 发表于 2013-9-29 00:16
怎么都不能下载了

可以下载的 亲
回复 支持 反对

使用道具 举报

0

主题

9

帖子

52

积分

注册会员

Rank: 2

积分
52
发表于 2013-9-29 11:21:46 | 显示全部楼层
看看效果先
回复 支持 反对

使用道具 举报

0

主题

10

帖子

50

积分

注册会员

Rank: 2

积分
50
发表于 2013-9-29 12:50:59 | 显示全部楼层
看看效果先
回复 支持 反对

使用道具 举报

0

主题

19

帖子

50

积分

注册会员

Rank: 2

积分
50
发表于 2013-9-29 13:31:34 | 显示全部楼层
卡萨诺说可能是是
回复 支持 反对

使用道具 举报

0

主题

17

帖子

206

积分

中级会员

Rank: 3Rank: 3

积分
206
发表于 2013-9-29 14:44:54 | 显示全部楼层
不管东西咋样 还是先谢谢了
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

Archiver|手机版|小黑屋|PhoneGap中文网 ( 京ICP备13027796号-1

GMT+8, 2018-4-25 22:11 , Processed in 0.230630 second(s), 34 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表