文章發佈日期: 2022-06-27
小知識教學類型: 手機應用程式開發
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可以幫助到各位!
