-
Touch事件在用戶觸摸屏幕時(shí)觸發(fā) tap事件在用戶敲擊某個(gè)元素時(shí)觸發(fā) taphold事件在用戶敲擊某個(gè)元素并保持一秒時(shí)觸發(fā) swipe事件,在用戶在某個(gè)元素上水平滑動(dòng)超過30px是觸發(fā) scollstart事件在用戶開始滾動(dòng)頁面時(shí)被觸發(fā) scrollstop事件在用戶停止?jié)L動(dòng)頁面時(shí)被觸發(fā)查看全部
-
表單的自適應(yīng) 添加class類 ui-field-contain 在寬屏幕上一行顯示,在窄屏幕上上下顯示 寬屏幕:480px以上 窄屏幕:480px以下 表單的ID必須唯一查看全部
-
data-role = "listview" 規(guī)定列表邊緣線顯示 data-inset = "true" 列表不要貼邊顯示 class = "ui-li-aside" 文字右上角顯示 如果列表有超鏈接,那么會(huì)自動(dòng)出現(xiàn)一個(gè)向右的箭頭查看全部
-
jQuery Mobile中使用data-icon屬性可以給導(dǎo)航欄的按鈕增加圖標(biāo),更多圖標(biāo)請(qǐng)參考官方樣式,或者圖標(biāo)庫查看全部
-
jQuery Mobile導(dǎo)航欄 導(dǎo)航欄由一組水平排列的鏈接構(gòu)成,通常位于頁面或者頁腳內(nèi)部 使用data-role="navbar"屬性來定義導(dǎo)航欄,導(dǎo)航欄中的鏈接會(huì)自動(dòng)轉(zhuǎn)換為按鈕 使用data-role="navbar"屬性來定義導(dǎo)航欄<ul>來進(jìn)行分塊按鈕 當(dāng)頁腳超過5個(gè)按鈕時(shí)導(dǎo)航欄會(huì)換行表示 header和footer有一個(gè)屬性data-position="fixed" 固定標(biāo)題和導(dǎo)航欄 使用data-icon屬性可以聽給導(dǎo)航欄的按鈕增加圖標(biāo) 如照相機(jī)圖標(biāo)data-icon="camera"查看全部
-
導(dǎo)航欄由一組水平排列的鏈接構(gòu)成,通常位于頁眉或頁腳內(nèi)部; 導(dǎo)航欄中的鏈接會(huì)自動(dòng)轉(zhuǎn)換為按鈕; 使用data-role="navbar"屬性來定義導(dǎo)航欄; data-poisition="fixed",固定元素給頭部和尾部加上該屬性后 將會(huì)固定在頁面指定的位置不會(huì)隨著主題內(nèi)容的變化而滾動(dòng)查看全部
-
jQuery Mobile擁有很多頁面事件 page initialize(頁面初始化事件) - 在頁面創(chuàng)建前(觸發(fā)pagebeforecreate事件),當(dāng)頁面創(chuàng)建時(shí)(還沒有加載頁面元素之前,觸發(fā)pagecreate事件),以及在頁面初始化之后(觸發(fā)pageinit事件) page load/unload --當(dāng)外部頁面加載時(shí)、卸載是或者遭遇失敗時(shí)(pagebeforeload,pageload)頁面過渡之前和之后 page transition -- 在頁面過渡之前和之后(pagebeforeshow、pageshow、pagebeforehide、pagehide)查看全部
-
jQuery Mobile擁有一系列關(guān)于如何從一頁過渡到下一頁的效果,過渡效果可應(yīng)用于任意鏈接 JQM data-transition的屬性值: slide:默認(rèn)從左到右滑動(dòng)效果 slideup: 向上滑動(dòng) slidedown: 向下滑動(dòng) pop: 彈出方式切換 fade: 漸變褪色 flip: 飛入飛出效果查看全部
-
data-role="page" id="index" 在page上加上id為index則進(jìn)來的時(shí)候默認(rèn)顯示該頁面; data-role="page" id="index2" 在page上加上index2可以在別的頁面通過href來鏈接到該頁面,當(dāng)然該id隨意自己定。圖中的代碼所示就是點(diǎn)擊index2的時(shí)候跳轉(zhuǎn)到id為index2的頁面,jqM默認(rèn)顯示第一個(gè)頁面 在一個(gè)html文件中,可以創(chuàng)建多個(gè)頁面(甚至可以實(shí)現(xiàn)一個(gè)web app),再實(shí)現(xiàn)頁面跳轉(zhuǎn)邏輯和方法,需要通過唯一的id來分割每張頁面,并使用href屬性來連接彼此查看全部
-
role="main":告訴jQueryMobile這個(gè)是一個(gè)內(nèi)容 data-inset:true告訴瀏覽器不滿屏顯示 data-role的屬性值 page:告訴瀏覽器,這個(gè)是一個(gè)頁面 header:告訴jQueryMobile這個(gè)是一個(gè)標(biāo)題 footer:告訴jQueryMobile這個(gè)是一個(gè)底部 navbar:告訴瀏覽器這是一個(gè)導(dǎo)航欄 listview:告訴瀏覽器這是一個(gè)列表查看全部
-
基本框架:(html5) <meta name="viewport" content="width=device-width,initial-scale=1"> 用于初始化移動(dòng)瀏覽顯示,默認(rèn)縮放比例為1(不縮放)保證瀏覽器之間的兼容 type="text/javascript"可以不加,因?yàn)閖s是html5中以及現(xiàn)代瀏覽器中默認(rèn)的腳本語言查看全部
-
jquery mobile作用: 屏蔽了不同瀏覽器之間的差異,不需考慮適配 提供了豐富的UI 比如觸摸滑動(dòng)查看全部
-
表單自適應(yīng)查看全部
-
Ajax跨域:網(wǎng)址前面加 http://crossorigin.com/ 例如http://crossorigin.me/http://ws.webxml.com.cn/WebServices/TrainTimeWebService.asmx/getDetailInfoByTrainCode?TrainCode=G1&UserID=查看全部
-
page create/show查看全部
舉報(bào)
0/150
提交
取消