接觸移動(dòng)端開發(fā)很長(zhǎng)時(shí)間了，今天做下筆記，幾下所學(xué)到的，今天的筆記是關(guān)于jquery 

蔡甸ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書未來市場(chǎng)廣闊！成為創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：13518219792（備注：SSL證書合作）期待與您的合作！

modile滴。

    首先，大家要知道:

    jQuery Mobile 是創(chuàng)建移動(dòng) web 應(yīng)用程序的框架。

    jQuery Mobile 適用于所有流行的智能手機(jī)和平板電腦。

    jQuery Mobile 使用 HTML5 和 CSS3 通過盡可能少的腳本對(duì)頁(yè)面進(jìn)行布局。

代碼：

這要引入的三個(gè)文件。

由于jq mobile 是依賴于jq的，要先引入jq文件，否則jquery-1.10.2.min.js會(huì)報(bào)錯(cuò)的，

jquery.mobile-1.4.5.css也是要引入的，控制樣式。

data-role="page",定義了一個(gè)頁(yè)面容器，用于構(gòu)建多頁(yè)面設(shè)計(jì)。

data-role="header",頁(yè)眉或標(biāo)題欄。

data-role="content",是內(nèi)容主體的包裝容器。

data-role="footer",頁(yè)腳。

data-role="navbar",定義導(dǎo)航欄。

data-role="collapsible",可折疊。

data-role="collapsible-set",可折疊集合。（手風(fēng)琴）

data-position='fixed'，可以將頁(yè)腳定位在屏幕底部，其實(shí)，如果頁(yè)面高度沒有屏幕高度高

，會(huì)定位在頁(yè)面底部。

data-transition="",設(shè)置頁(yè)面轉(zhuǎn)換效果，值為slide(滑動(dòng))，slideup(卷起)，slidedown(向

下滑動(dòng))，pop(彈出)，fade(淡入淡出)，flip(翻轉(zhuǎn))，none(無)。

    頁(yè)面到頁(yè)面的轉(zhuǎn)換過程，其實(shí)，步驟是這樣的：

1、用戶輕巧按鈕，導(dǎo)航到下一個(gè)頁(yè)面。

2、框架使用一個(gè)Hijax請(qǐng)求載入下一個(gè)頁(yè)面，然后添加到當(dāng)前頁(yè)面的DOM中，當(dāng)前頁(yè)面其實(shí)是

和下一個(gè)頁(yè)面并排放置的，因此準(zhǔn)備發(fā)生一個(gè)平滑轉(zhuǎn)換。

3、框架轉(zhuǎn)換到另一個(gè)頁(yè)面。

4、顯示下一個(gè)頁(yè)面，轉(zhuǎn)換完成。

data-role="dialog",彈層。

data-rel="back"， 設(shè)置返回按鈕。

data-role="button"， 設(shè)置按鈕。

屬性：

data-corners="frue/false",設(shè)置按鈕是否有圓角。

data-mini="frue/false",設(shè)置是否是小按鈕。

data-shadow="frue/false",設(shè)置按鈕是否有陰影。

data-inline="true",設(shè)置多個(gè)按鈕并排顯示。

圖標(biāo):

data-icon="arrow-l",左箭頭。

data-icon="arrow-r",右箭頭。

data-icon="delete",刪除。

data-icon="info",信息。

data-icon="home",首頁(yè)。

data-icon="back",返回。

data-icon="search",搜索。

data-icon="grid",網(wǎng)絡(luò)。

data-iconpos 可以用來定位圖標(biāo)。值為：top,bottom,left,right

data-iconpos="notext",只顯示圖標(biāo)。

data-collapsed-icon="arrow-d" data-expanded-icon="arrow-u"，設(shè)置折疊圖標(biāo)。