文章發佈日期: 2022-03-14
小知识教学类型: 手机应用程式开發
jQuery Mobile Data 的 Attributes 給予了手機應用程開發員很多的選擇，除了方便易用增加程的的便利性，亦因為jQuery Mobile是採用HTML5 data-* attribute，所以亦大大強化了手機程式的容易使手度和外觀也有所提升。
Button:
data-corners true | false 定義按鈕是否圓角顯示
data-icon Icons Reference 定義按鈕的圖標(原初設計是沒有圖)
data-iconpos left | right | top | bottom | notext 定義按鈕的圖標位置
data-iconshadow true | false 定義按鈕的圖標是否帶有陰影效果
data-mini true | false 定義按鈕是否微細顯示
data-shadow true | false 定義按鈕是否帶有陰影效果
data-theme letter (a-z) 定義按鈕的主題色
Checkbox:
data-mini true | false 定義Checkbox是否微細顯示
data-role none 防止jQuery Mobile把 checkboxes 當為 buttons
data-theme letter (a-z) 定義Checkbox的主題色
Collapsible:
data-collapsed true | false 定義內容是隱藏或是展開
data-collapsed-icon Icons Reference 定義Collapsible未展開時的圖標 (原初設定是+符號)
data-content-theme letter (a-z) 定義內容的主題色
data-expanded-icon Icons Reference 定義Collapsible展開後的圖標 (原初設定是-符號)
data-iconpos left | right | top | bottom 定義圖標的位置
data-inset true | false 定義Collapsible按鈕是否圓角
data-mini true | false 定義Collapsible按鈕是否微細顯示
data-theme letter (a-z) 定義Collapsible按鈕之主題色
Collapsible Set:
data-collapsed-icon Icons Reference 定義Collapsible未展開時的圖標 (原初設定是+符號)
data-content-theme letter (a-z) 定義內容的主題色
data-expanded-icon Icons Reference 定義Collapsible展開後的圖標 (原初設定是-符號)
data-iconpos left | right | top | bottom | notext 定義圖標的位置
data-inset true | false 定義Collapsible按鈕是否圓角
data-mini true | false 定義Collapsible按鈕是否微細顯示
data-theme letter (a-z) 定義Collapsible Set按鈕之主題色
以上只是jQuery Mobile Data Attributes之冰山一角，我們再另文詳述其它常用且實用的jQuery Mobile Data Attributes !
