jQuery Mobile Data Attributes 有那些? (A) | 腦爸打有限公司

jQuery Mobile Data Attributes 有那些? (A)


手機應用程式開發 專家!

Compbrother 腦爸打 @ 手機應用程式開發 小知識教學: jQuery Mobile Data Attributes 有那些? (A)

文章發佈日期: 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 !



如需協助 「手機應用程式開發」 ,歡迎立即 聯絡我們!



立即聯絡我們



Send a Message

Sed diam nonummy nibh euismod tincidunt ut laoreet dolore magnais.