你的位置:首页 > Java教程

[Java教程]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每块干嘛的才能做到快速查阅!