jquery mobile学习笔记

标签：

1. API学习(Api地址)

一门语言好不好用，很大程度上取决于它的api是否完善，方便使用。很遗憾jqm的api不那么好用（对比extjs，jqm依赖jquery，也许我不太熟悉jquery也会导致我觉得jqm的api不好用），所以有必要专门写这段来记录想api的每个模块如何使用。模块截图如下

• CSS Framework:

jqm提供通用的ui元素的增强，在这里能够找到通用的样式class。通常情况下我们无需直接使用class，而是通过元素的data-属性来配置增强元素，jqm会自动为元素增加样式，来达到我们想要的效果。（所以这块api一般不会用到）

• Event

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";//按钮延迟效果取消
});

• Widget

所有widget要用的options,methods,events.

好吧，api是干什么的终于总结完了，whoops，只有清楚的知道api每块干嘛的才能做到快速查阅！

jquery mobile学习笔记

标签：

原文地址：http://www.cnblogs.com/dwyanezhou/p/5371381.html