API学习(Api地址)一门语言好不好用,很大程度上取决于它的api是否完善,方便使用。很遗憾jqm的api不那么好用(对比extjs,jqm依赖jquery,也许我不太熟悉jquery也会导致我觉得jqm的api不好用),所以有必要专门写这段来记录想api的每个模块如何使用。模 ...
- API学习(Api地址)
一门语言好不好用,很大程度上取决于它的api是否完善,方便使用。很遗憾jqm的api不那么好用(对比extjs,jqm依赖jquery,也许我不太熟悉jquery也会导致我觉得jqm的api不好用),所以有必要专门写这段来记录想api的每个模块如何使用。模块截图如下
jqm提供通用的ui元素的增强,在这里能够找到通用的样式class。通常情况下我们无需直接使用class,而是通过元素的data-属性来配置增强元素,jqm会自动为元素增加样式,来达到我们想要的效果。(所以这块api一般不会用到)
jqm在常规的事件上增添了一些额外事件,这个模块列出的事件大多的事件原文中都不推荐使用(坑爹啊),比如page相关的事件用pagecontainer里面的,tap也提示谨慎使用。
绑定事件统一用on,其他方法都已经废弃(坑爹啊,绑定行数有这么多名称live、bind)。
提供了一些tap,taphold,swipe,scroll的事件支持,有点用
- Icons(还是看demo的icons靠谱)
- Methods
为$.mobile提供了一些函数,不过好多函数都是deprecated(o(╯□╰)o)。
jqmData在jqm中用来替代jquery的data方法,为什么???我不太理解,可能因为我jquery.data(),我不太理解导致的,先去学习下jquery.data
html5的data-*说明
- Properties(deprated,跳过)
- Reference
The jQuery Mobile framework uses HTML5 data- attributes to allow for markup-based initialization and configuration of widgets. jQuery Mobile automatically applies many markup enhancements as soon as it loads (long before the document.ready
event fires)(
html5的data-*说明
(1)DataAttribute
所有wideget支持的data属性,用来初始化组件,增强样式
(2)Configuring Defaults
这些初始化配置一般写在init.js中,这个js在jquery.js之后、jquerymobile.js之前导入.
我写的配置如下(请指正- -)
//初始化配置$(document).on("mobileinit", function(){ $.mobile.loadingMessage = '努力加载中...'; $.mobile.pageLoadErrorMessage = '找不到该页面 ...'; $.mobile.defaultPageTransition = 'none'; $.mobile.hoverDelay= "false";//按钮延迟效果取消});
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com
原标题:jquery mobile学习笔记
关键词:jquery
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。