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