腦爸打 - 網頁設計專家 設計師專欄文章: jQuery Mobile Data Attributes 有那些? (F)
Title: jQuery Mobile Data Attributes 有那些? (F) Content: 過往我們多篇分享的文章也有提及jQuery Mobile Data 的 Attributes 給予了手機應用程式開發及編寫員很大的彈性和編程上的幫助,今文我們嘗試從外觀資料的展示選項上更深入地了解 Page 和 Popup,兩者都提供了手機應用程式在頁面上的展示和管理選項:
Page:
data-dom-cache true | false 指定是否清除單個頁面的 jQuery DOM 緩存(如果設置為 true,您需要注意自己管理 DOM 並在所有移動設備上徹底測試)
data-overlay-theme letter (a-z) 指定對話框頁面的覆蓋(背景)顏色
data-theme letter (a-z) 指定頁面的主題顏色
data-title sometext 指定頁面標題
data-url url 用於更新 URL 的值,而不是用於請求頁面的 url
Popup (data-role="popup"):
data-corners true | false 指定彈出窗口是否應該有圓角
data-dismissible true | false 指定是否應通過單擊彈出窗口外部來關閉彈出窗口
data-history true | false 指定彈出窗口是否應在打開時創建瀏覽器歷史記錄項。 如果設置為 false,則不會創建歷史記錄項,並且無法通過瀏覽器的“返回”按鈕關閉
data-overlay-theme letter (a-z) 指定彈出框的覆蓋(背景)顏色。 默認為透明背景(無)。
data-shadow true | false 指定彈出框是否應該有陰影
data-theme letter (a-z) 指定彈出框的主題顏色。 默認繼承,“無”將彈出窗口設置為透明
data-tolerance 30, 15, 30, 15 指定與窗口邊緣的距離(上、右、下、左)
Popup (data-rel="popup"):
data-position-to origin | jQuery selector | window 指定彈出框的位置。 原點 - 默認。 將彈出窗口置於打開它的鏈接上。 jQuery 選擇器 - 將彈出窗口定位在指定元素上。 窗口將彈出窗口定位在窗口屏幕的中間。
data-rel popup 用於打開彈出框
data-transition fade | flip | flow | pop | slide | slidedown | slidefade | slideup | turn | none 指定如何從一頁過渡到下一頁。
手機APPS的頁面和內容不能像網站般多,所以手機應用程式員對於手機APPS的設計和製作都要細心思量,希望以上的jQuery Mobile Page 和 jQuery Mobile Popup可以幫助到各位!
- 2022-06-29 12:32:22
- 1