- 1、本文档共16页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
jQueryMobile简介
jQuery Mobile简介 Write less, do more 唐瑶 2013-5-4 jQuery Mobile 简介 快速入门 组件 工具栏 页面与对话框 按钮 表单 布局 列表 实例 lcell 简介 jQuery Mobile构建于jQuery,是一个前端开发框架 兼容手机、平板、桌面 通用访问,支持主流移动平台 根据体验的精确细度分为三级评价支持系统 轻量级(js 141k, css 92k) 模块化的结构 易用性 …… 快速入门 !DOCTYPE html?html? head? titleMy Page/title? meta name=“viewport” content=“width=device-width, initial-scale=1”? link rel=stylesheet href=/mobile/1.1.0/jquery.mobile-1.1.0.min.css / script src=/jquery-1.7.1.min.js/script script src=/mobile/1.1.0/jquery.mobile-1.1.0.min.js/script/head?body div?data-role=page div?data-role=header h1My Title/h1 /div!-- /header -- ? div?data-role=content? pHello world/p? /div!-- /content -- /div!-- / /body/html !—与设备同宽-- !—HTML5文档声明-- 快速入门 文档声明 引用js和css文件 宽度设定 data-role=“page”,page容器中任何的html标签都可用,但是典型的JQM页面中,直接子结点为“header””content”和“footer” 但是JQM是灵活的框架,page、header、content和footer都是可选的元素 快速入门 div?data-role=content? ul data-role=listview data-inset=true data-filter=true lia href=#余胜泉/a/li lia href=#陈敏/a/li lia href=#丁国柱/a/li lia href=#宋杰/a/li lia href=#胡智杰/a/li /ul /div!-- /content -- 组件——页面和对话框 页面结构 页面转场 对话框 页面脚本 a href=foo.html data-rel=dialog data-transition=popOpen dialog/a 页面初始化时调用: $( document ).delegate( pagecreate, #aboutPage, function() { alert(‘Welcome to 510); }); 改变活动的页面 $.mobile.changePage( about/us.html, { transition: slideup} ); 加载页面 $.mobile.loadPage( about/us.html ); 滚屏 $.mobile.silentScroll(300); 组件——工具栏 头部栏 尾部栏 导航栏 头部栏 尾部栏 导航栏 头部栏 div data-role=header data-position=inline h1我创建的学习元/h1 a href=/mobile/index.jsp data-role=button data-icon=home class=ui-btn-right 首页/a /div!-- /header -- 尾部栏 div data-role=footer data-position=fixed h4? 学习元2013/h4 /div!-- /foot -- 导航栏 div data-role=footer data-position=fixed div data-role=navbar ul lia href=# class=ui-btn-active我创建的/a/li lia href=/mobile/ko/myFavKoList.jsp target=_self我收藏的/a/li lia href=/mobile/ko/allKoList.jsp target=_self 所有LCell/a/li /ul /div /div!-- /foot -- 组件——工具栏 组件——按钮 左箭头da
您可能关注的文档
- GHz射频收发芯片nRF及其应用.ppt
- gj.ppt
- GiftedandTalentedMathematicsKProgram.ppt
- GIS地理资讯系统.ppt
- Giles.ppt
- gjyhome.ppt
- gkp高考化学常见物质的制备.ppt
- gl.ppt
- GlobalELSPriceOutlookbyEdJerniganCEOGlobecotInc.ppt
- GLOBALAPPARELCLOTHINGEUROPE.ppt
- 第八章 认识区域环境与发展(习题教学设计)2023-2024学年八年级下册地理课时通(湘教版).docx
- 第2章 第6节 课时3 视觉2023-2024学年七年级下册科学同步教学设计(浙教版).docx
- 2024-2025学年中职校园无霸凌文化的教学设计探索.docx
- 2024-2025学年中职生团体合作与反霸凌设计.docx
- 六年级树莓派机器人编程课 1认识树莓派(教学设计).docx
- 2024-2025学年小学生安全心态构建的教学设计.docx
- 第1课 《形色协奏曲》(教案)湘美版美术六年级下册.docx
- 人教版八年级物理下册8.1牛顿第一定律 教学设计.docx
- 5.2.2 导数的四则运算法则 教案-2020-2021学年高二数学人教A版(2019)选择性必修第二册.docx
- 教科版物理八年级上册 3.1.认识声现象教案.docx
文档评论(0)