欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

使用 dataset 属性驱动 jQuery Mobile 组件 jquery mobiledataset元素属性组件

程序员文章站 2022-07-08 20:22:03
...
  • 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 开启列表过滤搜索功能