为了账号安全,请及时绑定邮箱和手机立即绑定
  • Touch事件在用户触摸屏幕时触发 tap事件在用户敲击某个元素时触发 taphold事件在用户敲击某个元素并保持一秒时触发 swipe事件,在用户在某个元素上水平滑动超过30px是触发 scollstart事件在用户开始滚动页面时被触发 scrollstop事件在用户停止滚动页面时被触发
    查看全部
  • 表单的自适应 添加class类 ui-field-contain 在宽屏幕上一行显示,在窄屏幕上上下显示 宽屏幕:480px以上 窄屏幕:480px以下 表单的ID必须唯一
    查看全部
  • data-role = "listview" 规定列表边缘线显示 data-inset = "true" 列表不要贴边显示 class = "ui-li-aside" 文字右上角显示 如果列表有超链接,那么会自动出现一个向右的箭头
    查看全部
  • jQuery Mobile中使用data-icon属性可以给导航栏的按钮增加图标,更多图标请参考官方样式,或者图标库
    查看全部
  • jQuery Mobile导航栏 导航栏由一组水平排列的链接构成,通常位于页面或者页脚内部 使用data-role="navbar"属性来定义导航栏,导航栏中的链接会自动转换为按钮 使用data-role="navbar"属性来定义导航栏<ul>来进行分块按钮 当页脚超过5个按钮时导航栏会换行表示 header和footer有一个属性data-position="fixed" 固定标题和导航栏 使用data-icon属性可以听给导航栏的按钮增加图标 如照相机图标data-icon="camera"
    查看全部
  • 导航栏由一组水平排列的链接构成,通常位于页眉或页脚内部; 导航栏中的链接会自动转换为按钮; 使用data-role="navbar"属性来定义导航栏; data-poisition="fixed",固定元素给头部和尾部加上该属性后 将会固定在页面指定的位置不会随着主题内容的变化而滚动
    查看全部
  • jQuery Mobile拥有很多页面事件 page initialize(页面初始化事件) - 在页面创建前(触发pagebeforecreate事件),当页面创建时(还没有加载页面元素之前,触发pagecreate事件),以及在页面初始化之后(触发pageinit事件) page load/unload --当外部页面加载时、卸载是或者遭遇失败时(pagebeforeload,pageload)页面过渡之前和之后 page transition -- 在页面过渡之前和之后(pagebeforeshow、pageshow、pagebeforehide、pagehide)
    查看全部
  • jQuery Mobile拥有一系列关于如何从一页过渡到下一页的效果,过渡效果可应用于任意链接 JQM data-transition的属性值: slide:默认从左到右滑动效果 slideup: 向上滑动 slidedown: 向下滑动 pop: 弹出方式切换 fade: 渐变褪色 flip: 飞入飞出效果
    查看全部
  • data-role="page" id="index" 在page上加上id为index则进来的时候默认显示该页面; data-role="page" id="index2" 在page上加上index2可以在别的页面通过href来链接到该页面,当然该id随意自己定。图中的代码所示就是点击index2的时候跳转到id为index2的页面,jqM默认显示第一个页面 在一个html文件中,可以创建多个页面(甚至可以实现一个web app),再实现页面跳转逻辑和方法,需要通过唯一的id来分割每张页面,并使用href属性来连接彼此
    查看全部
  • role="main":告诉jQueryMobile这个是一个内容 data-inset:true告诉浏览器不满屏显示 data-role的属性值 page:告诉浏览器,这个是一个页面 header:告诉jQueryMobile这个是一个标题 footer:告诉jQueryMobile这个是一个底部 navbar:告诉浏览器这是一个导航栏 listview:告诉浏览器这是一个列表
    查看全部
  • 基本框架:(html5) <meta name="viewport" content="width=device-width,initial-scale=1"> 用于初始化移动浏览显示,默认缩放比例为1(不缩放)保证浏览器之间的兼容 type="text/javascript"可以不加,因为js是html5中以及现代浏览器中默认的脚本语言
    查看全部
  • jquery mobile作用: 屏蔽了不同浏览器之间的差异,不需考虑适配 提供了丰富的UI 比如触摸滑动
    查看全部
  • 表单自适应
    查看全部
  • Ajax跨域:网址前面加 http://crossorigin.com/ 例如http://crossorigin.me/http://ws.webxml.com.cn/WebServices/TrainTimeWebService.asmx/getDetailInfoByTrainCode?TrainCode=G1&UserID=
    查看全部
  • page create/show
    查看全部

举报

0/150
提交
取消
课程须知
希望您了解jQuery Mobile的基本知识,或者具备jQuery知识,这样对课程学习会有很大帮助。
老师告诉你能学到什么?
通过案例的学习,让您对jQuery Mobile有整体的了解,及页面、事件、按钮、图标、导航栏、网格、列表、表单、Ajax等主要组件的使用方法。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!