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

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

modile滴。

    首先，大家要知道:

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

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

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

代碼：

<link rel="stylesheet" href="jquery.mobile-1.4.5.css" />

<script src="jquery-1.10.2.min.js"></script>

<script src="jquery.mobile-1.4.5.js"></script>

這要引入的三個(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è)面高度沒(méi)有屏幕高度高

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

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

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

    頁(yè)面到頁(yè)面的轉(zhuǎn)換過(guò)程，其實(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 可以用來(lái)定位圖標(biāo)。值為：top,bottom,left,right

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

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

 

分享名稱：jquerymodile筆記
瀏覽路徑：http://www.chinadenli.net/article30/gpcjso.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營(yíng)銷、外貿(mào)網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作、App開(kāi)發(fā)、建站公司、網(wǎng)站改版

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)