jquerymobile标签-属性手册

本文详细介绍了前端开发的核心概念,重点阐述了JavaScript技术在网页动态交互中的应用,包括DOM操作、事件处理、AJAX请求及框架如React、Vue等的实践案例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值