jquerymobile标签-属性手册

Button data-role="button"

 

data-corners true | false

data-icon home | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom |                  arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search

data-iconpos left | right | top | bottom | notext

data-iconshadow true | false

data-inline true | false

data-mini true | false - Compact sized version

data-shadow true | false

data-theme swatch letter (a-z)

 

 

Checkbox  type="checkbox"

 

data-mini true | false - Compact sized version

data-role none (prevents auto-enhancement to use native control)

data-theme swatch letter (a-z) - Added to the form element

 

 

Collapsible  data-role="collapsible"

 

data-collapsed    true | false

data-content-theme  swatch letter (a-z)

data-mini    true | false - Compact sized version

data-theme    swatch letter (a-z)

 

 

Collapsible set   data-role="collapsible-set"

 

data-content-theme swatch letter (a-z) - Sets all collapsibles in set

data-mini        true | false - Compact sized version

data-theme        swatch letter (a-z) - Sets all collapsibles in set

 

 

Content   data-role="content"

 

data-theme swatch letter (a-z)

 

Dialog   Page with data-role="page" linked to with data-rel="dialog" 

 

data-close-btn-text string (text for the close button, dialog only)

data-dom-cache        true | false

data-fullscreen        true | false (used in conjunction with fixed toolbars)

data-overlay-theme swatch letter (a-z) - overlay theme when the page is opened in a dialog

data-theme        swatch letter (a-z)

data-title        string (title used when page is shown)

 

 

Enhancement   data-enhance="false" or data-ajax="false"

 

data-enhance true | false

data-ajax true | false

 

 

Flip toggle switch   data-role="slider"

 

data-mini      true | false - Compact sized version

data-role      none (prevents auto-enhancement to use native control)

data-theme      swatch letter (a-z) - Added to the form element

data-track-theme      swatch letter (a-z) - Added to the form element

 

Footer  data-role="footer"

 

data-id string (unique id, useful in persistent footers)

data-position fixed

data-theme swatch letter (a-z)

 

 

Header  data-role="header"

 

data-position fixed

data-theme swatch letter (a-z)

 

Link   data-role="button"

 

data-ajax true | false

data-direction reverse (reverse page transition animation)

data-dom-cache true | false

data-prefetch true | false

data-rel back (to move one step back in history)

dialog (to open link styled as dialog, not tracked in history)

external (for linking to another domain)

data-transition slide | slideup | slidedown | pop | fade | flip

 

 

Listview  data-role="listview"

 

data-count-theme swatch letter (a-z)

data-dividertheme swatch letter (a-z)

data-filter true | false

data-filter-placeholder string

data-filter-theme swatch letter (a-z)

data-inset true | false

data-split-icon home | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search

data-split-theme swatch letter (a-z)

data-theme swatch letter (a-z)

 

Listview item

 

data-filtertext string (filter by this value instead of inner text)

data-icon home | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search

data-role list-divider

data-theme swatch letter (a-z) - can also be set on individual LIs

 

 

Navbar  data-role="navbar"

 

data-icon home | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search

data-iconpos left | right | top | bottom | notext

data-theme swatch letter (a-z) - can also be set on individual LIs

 

 

Page   data-role="page"

 

data-add-back-btn true | false (auto add back button, header only)

data-back-btn-text string

data-back-btn-theme swatch letter (a-z)

data-close-btn-text string (text for the close button, dialog only)

data-dom-cache true | false

data-fullscreen true | false (used in conjunction with fixed toolbars)

data-overlay-theme swatch letter (a-z) - overlay theme when the page is opened in a dialog

data-theme swatch letter (a-z)

data-title string (title used when page is shown)

 

 

Radio button

 

data-mini true | false - Compact sized version

data-role none (prevents auto-enhancement to use native control)

data-theme swatch letter (a-z) - Added to the form element

 

 

Select

 

data-icon home | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom |                  arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search

data-iconpos left | right | top | bottom | notext

data-inline true | false

data-mini true | false - Compact sized version

data-native-menu true | false

data-overlay-theme swatch letter (a-z) - overlay theme for non-native selects

data-placeholder true | false - Add to the Option

data-role none (prevents auto-enhancement to use native control)

data-theme swatch letter (a-z) - Added to the form element

 

 

Slider

 

data-highlight true | false - Adds an active state fill on track to handle

data-mini true | false - Compact sized version

data-role none (prevents auto-enhancement to use native control)

data-theme swatch letter (a-z) - Added to the form element

data-track-theme swatch letter (a-z) - Added to the form element

 

 

Text input & Textarea

 

data-mini true | false - Compact sized version

data-role none (prevents auto-enhancement to use native control)

data-theme swatch letter (a-z) - Added to the form element