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每塊幹嘛的才能做到快速查閱！