JqueryMobile学习笔记Word格式文档下载.docx
- 文档编号:15361765
- 上传时间:2022-10-29
- 格式:DOCX
- 页数:29
- 大小:132.43KB
JqueryMobile学习笔记Word格式文档下载.docx
《JqueryMobile学习笔记Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《JqueryMobile学习笔记Word格式文档下载.docx(29页珍藏版)》请在冰豆网上搜索。
包裹了hashchange和popstate的事件
orientationchange
方向改变事件,在用户垂直或者水平旋转移动设备时触发。
pagebeforechange
在页面切换之前,触发的事件。
使用$.mobile.changePage()来切换页面,此方法触发2个事件,切换之前的pagebeforechange事件,和切换完成后pagechange(成功)或者pagechangefailed(失败)。
pagebeforecreate
页面初始化时,初始化之前触发。
pagebeforehide
在页面切换后旧页面隐藏之前,触发的事件。
pagebeforeload
在加载请求发出之前触发
pagebeforeshow
在页面切换后显示之前,触发的事件。
pagechange
在页面切换成功后,触发的事件。
pagechangefailed
在页面切换失败时,触发的事件。
pagecreate
在页面创建成功之后,触发的事件,但增强完成之前。
pagehide
在页面切换后老页面隐藏之后,触发的事件。
pageinit
在页面页面初始化时,触发的事件。
pageload
在页面完全加载成功后触发。
pageloadfailed
如果页面请求失败触发。
pageremove
在窗口视图从DOM中移除外部页面之前触发。
pageshow
在过渡动画完成后,在"
到达"
页面触发。
scrollstart
当用户开始滚动页面时触发。
scrollstop
当用户停止滚动页面时触发。
swipe
当用户在元素上水平滑动时触发。
swipeleft
当用户从左划过元素超过30px时触发。
swiperight
当用户从右划过元素超过30px时触发。
tap
当用户敲击某元素时触发。
taphold
当元素敲击某元素并保持一秒时触发。
throttledresize
启用可标记#hash历史记录
updatelayout
由动态显示/隐藏内容的jQueryMobile组件触发。
vclick
虚拟化的click事件处理器
vmousecancel
虚拟化的mousecancel事件处理器
vmousedown
虚拟化的mousedown事件处理器
vmousemove
虚拟化的mousemove事件处理器
vmouseout
虚拟化的mouseout事件处理器
vmouseover
虚拟化的mouseover事件处理器
vmouseup
虚拟化的mouseup事件处理器
3.事件过度
data-transition:
设置过度效果
4、在jQueryMobile中创建按钮
jQueryMobile中的按钮可通过三种方法创建:
使用<
button>
元素
input>
使用data-role="
button"
的<
a>
5、导航按钮
jQueryMobileData属性
∙jQueryMobile实例
∙jQueryMobile事件
jQueryData属性
jQueryMobile使用HTML5data-*属性为移动设备创建“对触摸友好的”美观的外观。
在下面的参考列表中,粗体值规定默认值。
Button
带有data-role="
的超链接。
工具栏中的按钮元素和链接以及输入字段会被自动设置按钮的样式,无需data-role="
。
Data属性
值
data-corners
true|false
规定按钮是否有圆角。
data-icon
IconsReference
规定按钮的图标。
默认是没有图标。
data-iconpos
left|right|top|bottom|notext
规定图标的位置。
data-iconshadow
规定按钮图标是否有阴影。
data-inline
规定按钮是否是行内的。
data-mini
规定按钮是小型的还是常规尺寸的。
data-shadow
规定按钮是否有阴影。
data-theme
letter(a-z)
规定按钮的主题颜色。
提示:
如需组合多个按钮,请使用带有data-role="
controlgroup"
以及data-type="
horizontal|vertical"
属性的容器,来规定水平还是垂直组合按钮。
Checkbox
label和type="
checkbox"
的input是成对的。
会被自动设置为按钮的样式,无需data-role。
规定复选框是小型的还是常规尺寸的。
data-role
none
防止jQueryMobile将复选框设置为按钮的样式。
规定复选框的主题颜色。
如需组合多个复选框,请使用data-role="
,来规定水平还是垂直组合复选框。
Collapsible
标题元素,其后是位于带有data-role="
collapsible"
属性的容器中的任意HTML标记。
data-collapsed
规定内容是否应该关闭或展开。
data-collapsed-icon
规定可折叠按钮
规定可折叠按钮的图标。
默认是"
plus"
data-content-theme
规定可折叠内容的主题颜色。
同时会向可折叠内容添加圆角。
data-expanded-icon
规定内容被展开时的可折叠按钮的图标。
默认是“减号”。
left|right|top|bottom
data-inset
规定可折叠按钮是否拥有圆角和外边距的样式。
规定可折叠按钮是小型的还是常规尺寸的。
规定可折叠按钮的主题颜色。
CollapsibleSet
collapsible-set"
属性的容器中的可折叠内容块。
默认是“加号”。
规定collapsibles是否拥有圆角和外边距的样式。
规定可折叠集合的主题颜色。
Content
属性的容器。
规定内容的主题颜色。
c"
Controlgroup
属性的<
div>
or<
fieldset>
容器。
组合多个按钮样式的单一类型input(基于链接的按钮、单选按钮、复选框、选择菜单)。
规定组合是小型的还是常规尺寸的。
data-type
horizontal|vertical
规定组合水平还是垂直显示。
Dialog
data-role="
dialog"
的容器或者data-rel="
的链接。
data-close-btn-text
sometext
规定仅用于对话框的关闭按钮的文本。
data-dom-cache
规定是否为个别页面清除jQueryDOM缓存(如果设置true,则需要注意对DOM的管理,并全面测试所有移动设备)。
data-overlay-theme
规定对话页面的叠加(背景)色。
规定对话页的主题颜色。
data-title
规定对话页的标题。
Enhancement
带有data-enhance="
false"
或data-ajax="
data-enhance
如果设置为"
true"
,,(default)jQueryMobile会自动为页面添加样式,使其更适合移动设备。
,则框架不会设置页面的样式。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- JqueryMobile 学习 笔记
![提示](https://static.bdocx.com/images/bang_tan.gif)