文章發佈日期: 2022-06-06
小知識教學類型: 手機應用程式開發
過往我們多篇分享的文章也有提及jQuery Mobile Data 的 Attributes 給予了手機應用程式開發及編寫員很大的彈性和編程上的幫助，今文我們嘗試從外觀資料的展示選項上更深入地了解 List 、List item 和 Navbar:
List:
data-autodividers, true | false, 指定是否自動劃分列表項
data-count-theme, letter (a-z) , 指定計數氣泡的主題顏色
data-divider-theme, letter (a-z) , 指定列表分隔符的主題顏色
data-filter, true | false, 指定是否在列表中添加搜索框
data-filter-theme, letter (a-z) , 指定搜索過濾器的主題顏色
data-icon, Icons Reference, 指定列表的圖標
data-inset, true | false, 指定列表是否應使用圓角和一些邊距進行樣式設置
data-split-icon, Icons Reference, 指定拆分按鈕的圖標
data-split-theme, letter (a-z), 指定拆分按鈕的主題顏色
data-theme, letter (a-z), 指定列表的主題顏色
List item:
data-filtertext, sometext, 指定過濾元素時要搜索的文本。 然後將過濾此文本而不是實際的列表項文本
data-icon, Icons Reference, 指定列表項的圖標
data-role, list-divider, 指定列表項的分隔符
data-theme, letter (a-z) , 指定列表項的主題顏色
Navbar:
data-icon, Icons Reference, 指定列表項的圖標
data-iconpos, left | right | top | bottom | notext, 指定圖標的位置
以上只是jQuery Mobile Data Attributes之冰山一角，我們再另文詳述其它常用且實用的jQuery Mobile Data Attributes !
