-
<div data-role="main" class="ui-content"> <p>回流模型表格在屏幕尺寸足夠大時(shí)是水平顯示，而在屏幕尺寸達(dá)到足夠小時(shí)，所有的數(shù)據(jù)會(huì)變成垂直顯示。</p> <table data-role="table" data-mode="reflow" class="ui-responsive table-stroke"> <thead> <tr> <th>CustomerID</th> <th>City</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Alfreds Futterkiste</td> </tr> </tbody> </table> </div> 對(duì)于響應(yīng)式表格，你必須包含 <thead> 和 <tbody> 元素。 不要使用 rowspan 或 colspan 屬性; 響應(yīng)式表格中是不支持這兩個(gè)屬性的。 table-stroke 給表格每行添加一個(gè)下劃線查看全部
-
<div data-role="navbar" data-iconpos="right"> <ul> <li><a href="#" data-icon="home">主頁(yè)</a></li> <li><a href="#" data-icon="arrow-r">第二頁(yè)</a></li> <li><a href="#" data-icon="search">搜索</a></li> </ul> </div> 你可以設(shè)置圖標(biāo)顯示的位置： top（頭部）, right（右側(cè)）, bottom（底部） 或 left（左側(cè)）。 圖標(biāo)位置在導(dǎo)航欄容器上設(shè)置，使用 data-iconpos 屬性來(lái)指定位置 默認(rèn)情況， 導(dǎo)航按鈕的圖標(biāo)位于文本之上 (data-iconpos="top")。 對(duì)于多個(gè)頁(yè)面，您可能想要每個(gè)按鈕的選中外觀代表當(dāng)前用戶所在的頁(yè)面。要做到這一點(diǎn)，請(qǐng)?zhí)砑?"ui-state-persist" 和 "ui-btn-active" 到鏈接的 class：查看全部
-
按鈕，給a,button,input添加樣式 class="ui-btn"（或增加data-role="button"） 按鈕樣式 圓角 ui-corner-all 陰影 ui-shadow 并排顯示 ui-btn-inline 不同的樣式 ui-btn-a/b查看全部
-
表單的自適應(yīng) 添加class類 ui-field-contain 在寬屏幕上一行顯示，在窄屏幕上上下顯示 寬屏幕：480px以上 窄屏幕：480px以下 表單的ID必須唯一 <div class="ui-field-contain> <label>發(fā)車站</label> <input type="text"> </div>查看全部
-
Ajax請(qǐng)求 等待加載 在點(diǎn)擊按鈕的后等待結(jié)果 用 $.mobile.loading("show");在回調(diào)函數(shù)結(jié)束的時(shí)候隱藏 $.mobile.loading("hide"); ajax跨域 一般jQuery解決是通過(guò)jsonp，添加callback=xxx，服務(wù)器返回xxx(...) 前端解決跨域 cors（跨域資源共享）,www.corsproxy.com/請(qǐng)求的地址， Proxy對(duì)請(qǐng)求進(jìn)行轉(zhuǎn)發(fā)，可以實(shí)現(xiàn)跨域， 服務(wù)器對(duì)跨域資源共享的支持，主要是通過(guò)設(shè)置Access-Control-Allow-Origin=true 在地址后加上url.url為www.xxx.com/service改為 www.corsproxy.com/www.xxx.com/service即可實(shí)現(xiàn)跨域查看全部
-
mark查看全部
-
first() 將匹配元素集合縮減為集合中的第一個(gè)元素 切換頁(yè)面 $.mobile.changePage("#detail");把頁(yè)面ID傳進(jìn)來(lái)查看全部
-
Ajax請(qǐng)求 等待加載 在點(diǎn)擊按鈕的后等待結(jié)果 用 $.mobile.loading("show");在回調(diào)函數(shù)結(jié)束的時(shí)候隱藏 $.mobile.loading("hide"); ajax跨域 一般jQuery解決是通過(guò)jsonp，添加callback=xxx，服務(wù)器返回xxx(...) 前端解決跨域 cors（跨域資源共享）,www.corsproxy.com/請(qǐng)求的地址， Proxy對(duì)請(qǐng)求進(jìn)行轉(zhuǎn)發(fā)，可以實(shí)現(xiàn)跨域， 服務(wù)器對(duì)跨域資源共享的支持，主要是通過(guò)設(shè)置Access-Control-Allow-Origin=true 在地址后加上url.url為www.xxx.com/service改為 www.corsproxy.com/www.xxx.com/service即可實(shí)現(xiàn)跨域查看全部
-
事件 Touch事件，在用戶觸摸屏幕（頁(yè)面）時(shí)觸發(fā) tab 在用戶敲擊摸個(gè)元素時(shí)觸發(fā) taphold 在用戶敲擊某個(gè)元素并保持一秒時(shí)被觸發(fā) swipe 在某個(gè)元素上水平滑動(dòng)超過(guò)30px時(shí)觸發(fā) scrollstart 開始滾動(dòng)頁(yè)面時(shí)被觸發(fā) scrollstop 停止?jié)L動(dòng)頁(yè)面時(shí)被觸發(fā) 在jQueryMobile 推薦pageinit事件（在頁(yè)面已初始化并完善樣式設(shè)置后發(fā)生） $(document).on("pageinit","#page",function(){});查看全部
-
表格 回流表格模式 <table data-role="table" data-mode="reflow" class="ui-responsive table-stroke"> table-stroke 給表格每行添加一個(gè)下劃線查看全部
-
表單 form 表單自適應(yīng) 要保證表單ID值唯一 <form> <div class="ui-field-contain> <label>發(fā)車站</label> <input type="text"> </div> <div class="ui-field-contain> <label>到達(dá)站</label> <input type="text"> </div> <form>查看全部
-
列表 ，需向ol或ul元素添加 data-role="listview" data-inset="true" 讓列表不貼邊顯示周圍有一定的邊距 設(shè)置復(fù)雜格式的列表 ui-li-aside 設(shè)置內(nèi)容 右對(duì)齊查看全部
-
導(dǎo)航欄 data-role="navbar"定義導(dǎo)航欄 其中鏈接會(huì)自動(dòng)轉(zhuǎn)換為按鈕 data-position="fixed" 固定header 和footer常用 最多5個(gè)按鈕，更多會(huì)換行 data-iocn="camera"給導(dǎo)航欄添加圖標(biāo)查看全部
-
按鈕，給a,button,input添加樣式（或增加data-role="button"）創(chuàng)建按鈕 class="ui-btn" 樣式 ui-corner-all 圓角 ui-shadow 陰影 ui-btn-inline 并排顯示 ui-btn-a/b不同的樣式查看全部
-
1,在頁(yè)面創(chuàng)建前，在頁(yè)面創(chuàng)建時(shí)，以及在頁(yè)面初始化之后 pagebeforecreate ,pagecreate,pageinit 三個(gè)事件 在頁(yè)面初次加載的時(shí)候執(zhí)行 2,當(dāng)外部頁(yè)面加載時(shí)，卸載時(shí)或遭遇失敗時(shí) pagebeforeload,pageload 3,在頁(yè)面過(guò)渡之前和之后 pagebeforeshow(第2頁(yè)),pageshow（第2頁(yè)）,pagebeforehide(先第1頁(yè)) pagehide(1) 執(zhí)行順序 第一個(gè)頁(yè)面準(zhǔn)備消失pagebeforehied，第二個(gè)頁(yè)面準(zhǔn)備顯示pagebeforeshow,第一個(gè)頁(yè)面已經(jīng)消失pagehide ,第二個(gè)頁(yè)面已經(jīng)顯示pageshow pageshow每次進(jìn)入頁(yè)面都執(zhí)行，多次，pageinit初始化執(zhí)行一次查看全部
舉報(bào)
0/150
提交
取消