使用 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 开启列表过滤搜索功能

相关推荐