接觸移動端開發(fā)很長時間了，今天做下筆記，幾下所學到的，今天的筆記是關于jquery

創(chuàng)新互聯(lián)是一家專業(yè)提供大同企業(yè)網(wǎng)站建設,專注與網(wǎng)站建設、成都做網(wǎng)站、H5頁面制作、小程序制作等業(yè)務。10年已為大同眾多企業(yè)、政府機構等服務。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站建設公司優(yōu)惠進行中。

modile滴。

  首先，大家要知道:

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

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

  jQuery Mobile 使用 HTML5 和 CSS3 通過盡可能少的腳本對頁面進行布局。

代碼：

<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>

這要引入的三個文件。

由于jq mobile 是依賴于jq的，要先引入jq文件，否則jquery-1.10.2.min.js會報錯的，

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

data-role="page",定義了一個頁面容器，用于構建多頁面設計。

data-role="header",頁眉或標題欄。

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

data-role="footer",頁腳。

data-role="navbar",定義導航欄。

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

data-role="collapsible-set",可折疊集合。（手風琴）

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

，會定位在頁面底部。

data-transition="",設置頁面轉換效果，值為slide(滑動)，slideup(卷起)，slidedown(向

下滑動)，pop(彈出)，fade(淡入淡出)，flip(翻轉)，none(無)。

  頁面到頁面的轉換過程，其實，步驟是這樣的：

1、用戶輕巧按鈕，導航到下一個頁面。

2、框架使用一個Hijax請求載入下一個頁面，然后添加到當前頁面的DOM中，當前頁面其實是

和下一個頁面并排放置的，因此準備發(fā)生一個平滑轉換。

3、框架轉換到另一個頁面。

4、顯示下一個頁面，轉換完成。

data-role="dialog",彈層。

data-rel="back"， 設置返回按鈕。

data-role="button"， 設置按鈕。

屬性：

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

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

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

data-inline="true",設置多個按鈕并排顯示。

圖標:

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

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

data-icon="delete",刪除。

data-icon="info",信息。

data-icon="home",首頁。

data-icon="back",返回。

data-icon="search",搜索。

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

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

data-iconpos="notext",只顯示圖標。

data-collapsed-icon="arrow-d" data-expanded-icon="arrow-u"，設置折疊圖標。

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

新聞名稱：jquerymodile筆記-創(chuàng)新互聯(lián)
文章URL：http://aaarwkj.com/article36/ccjcpg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、建站公司、自適應網(wǎng)站、ChatGPT、標簽優(yōu)化、用戶體驗

廣告

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