分類  >  Web前端 >

施用 dataset 屬性驅動 jQuery Mobile 組件

tags:    時間:2013-12-10 01:30:13
使用 dataset 屬性驅動 jQuery Mobile 組件
  • data-role 定義元素在頁面中的功能角色
  • data-title 定義視圖頁面的標題
  • data-transition 定義視圖切換的動畫效果
    • Slide 從右到左切換
    • Slideup 從下到上切換
    • Slidedown 從上到下切換
    • Pop 以彈出框的方式打開一個視圖或頁面
    • Fade 漸變退色方式切換
    • Flip 舊頁面翻轉飛出,新頁面飛入方式切換
  • data-rel 定義具有浮動層效果的視圖
  • data-theme 指定元素或組件內的主題樣式風格
  • data-icon 在元素內增加一個 icon 小圖標
  • data-iconpos 定義 icon 小圖標的位置,還允許設置 notext 值,指定只有按鈕沒有文字的按鈕
  • data-inline 指定按鈕根據內容自適應其長度
  • data-type 定義分組按鈕按水平或垂直方向排列
  • data-rel 定義具有特定功能的元素屬性,如返回按鈕:data-rel=」black」
  • data-add-back-btn 指定視圖頁面自動在頁眉左側添加返回按鈕
  • data-back-btn-text 指定由視圖頁面自動創建的返回按鈕的文本內容。該屬性的使用通常都需要和 data-add-back-btn 屬性一起配合使用
  • data-position 該屬性的作用是實現在滑動屏幕時工具欄的顯示和隱藏狀態
  • data-fullscreen 用於指定全屏視圖頁面
  • data-native-menu 指定下拉選擇功能採用平台內置的選擇器
  • data-placeholder 設置下拉選擇功能的佔位符
  • data-inset 實現內嵌列表的功能
  • data-split-icon 設置列表右側的圖標
  • data-split-theme 設置列表右側圖標的主題樣式風格
  • data-filter 開啟列表過濾搜索功能

推薦閱讀文章

Bookmark the permalink ,來源:互聯網