`

jquery mobile 自定义属性说明

 
阅读更多

jquery mobile中

 

自定义属性说明:

 

data-role

定义元素在页面中的角色


data-title

定义jquery mobile视图页面标题


data-transition

定义视图切换的动画效果


data-rel

定义具有浮动效果的视图或者具有特定功能的元素


data-theme

指定元素或者组件内主题样式风格


data-icon

在元素内增加小图标


data-iconpos

定义小图标位置


data-inline

指定按钮根据内容自适应其长度


data-type

定义分组按钮水平或者垂直方向排布

 

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-theme

设置列表右侧图标的主题样式风格


data-filter

开启列表过滤功能

分享到:
评论

相关推荐

    jquerymobile设计完整例子

    同时,jQuery Mobile 的数据属性如`data-role="page"`和`data-theme`可以调整页面和元素的外观。 2. **菜单系统构建** 菜单在移动应用中扮演着重要的角色。jQuery Mobile 的`<div data-role="navbar">`元素是创建...

    jQueryMobile-HTML5模板

    2. **自动页面导航**:通过数据-URL(data-url)属性和页面容器,jQuery Mobile可以自动管理页面的加载和切换,实现平滑的页面过渡效果。 3. **可定制的主题系统**:jQuery Mobile提供了一套主题引擎,允许开发者...

    jQuery Mobile实战源码

    通过使用`data-url`属性,jQuery Mobile可以跟踪页面的历史记录,实现平滑的页面过渡效果。在源码中,你会看到如何组织这些页面元素以及如何通过链接或JavaScript进行页面导航。 表单处理是jQuery Mobile的另一大...

    jQuery mobile表单样式

    它可能被用来进一步自定义 jQuery Mobile 表单的外观,提供更一致的跨浏览器体验。 总结来说,jQuery Mobile 的表单样式和应用涉及到多个方面,包括但不限于表单组件的美化、主题定制、布局调整、事件处理以及与...

    jquery mobile datepicker 手机端日期选择器

    jQuery Mobile Datepicker 是一个专为手机端设计的日期选择器插件,它基于流行的 jQuery 和 jQuery Mobile 库,为开发者提供了丰富的功能和自定义选项。本文将深入探讨这个插件的使用方法、核心功能以及如何对其进行...

    jQuery mobile滑动式的标题导航

    若需自定义过渡效果,可以设置`data-transition`属性: ```html 页面二 ``` ### 事件处理 jQuery Mobile 提供了多种事件来监听页面的生命周期,比如`pagebeforeshow`和`pageshow`,可以用于在页面显示前或显示后...

    jquery mobile 1.4.1版

    《jQuery Mobile 1.4.1版:移动开发的核心组件》 jQuery Mobile 是一个功能强大的前端框架,专门针对移动设备的网页开发而设计。在1.4.1版本中,它提供了一系列优化的CSS和JavaScript文件,使得开发者能够快速、...

    jquery mobile 1.4.5demo和说明

    本篇将围绕 "jQuery Mobile 1.4.5demo和说明" 进行深入探讨,帮助开发者掌握这一版本的核心功能和使用技巧。 一、jQuery Mobile 1.4.5 简介 jQuery Mobile 1.4.5 是一个稳定且广泛使用的版本,它在前一版本的基础上...

    JqueryMobile课件源码

    这些数据属性是 jQuery Mobile 核心机制的一部分,让开发者能够无需编写 JavaScript 代码就能实现功能。 ### 三、页面结构 jQuery Mobile 需要特定的页面结构来工作,通常包括一个或多个 `<div data-role="page">`...

    JQUERYMOBILE 提示框

    jQuery Mobile的提示框可以通过添加属性来调整其样式和行为。例如,你可以通过`data-theme`设置颜色主题,通过`data-icon`添加图标到按钮,通过`data-mini`创建小型化的按钮等。此外,还可以通过JavaScript动态创建...

    jQuery Mobile 高级设计模板

    3. **JavaScript 文件:** 可能包含自定义的jQuery代码,用于扩展组件功能、实现特定交互或与服务器进行通信。 4. **图片和图标:** 应用可能包含定制的图标和背景图像,以提升用户体验。 5. **页面和组件:** 模板...

    jQuery Mobile快速入门源代码

    6. **可扩展组件**:jQuery Mobile 包含一系列可自定义的UI组件,如工具栏(header,footer),网格(grid),列表视图(listview),弹出对话框(popup),滑块(slider),开关(switch)等。 7. **主题系统**:...

    jquery.mobile-1.4.5

    为了适应触控设备,jQuery Mobile 提供了自定义的触摸事件,如`vclick`、`taphold`等,以解决浏览器原生事件在移动设备上的延迟问题。这些优化在`jquery.mobile.structure-1.4.5.css`中有所体现,确保了用户界面的...

    jqueryMobile入门练习项目

    3. **可自定义主题**:jQuery Mobile 提供了一套主题系统,通过`data-theme`属性可以改变组件的视觉样式。 4. **事件处理**:针对触摸设备,jQuery Mobile 引入了`vclick`、`swipe`等事件,替代了桌面环境中的`...

    jQuery mobile库包及例子

    4. **主题系统**:jQuery Mobile 提供了一套 CSS 主题引擎,可以通过简单的 CSS 类或自定义 CSS 文件轻松改变应用的整体外观。 5. **自动初始化**:jQuery Mobile 会自动检测页面中的元素,并根据它们的数据属性...

    jQuery mobile 开发案例

    3. **主题(Theming)**:jQuery Mobile 提供了一套可自定义的主题系统,允许开发者通过更改主题颜色(如 swatch A、B、C等)轻松调整 UI 风格。 ### 二、基本组件 1. **按钮(Buttons)**:使用 `data-role=...

    jqueryMobile插件集

    在"jqueryMobile插件集"中,可能包含以下几类插件: 1. **组件增强插件**:这些插件增强了jQuery Mobile内置组件的功能,如更复杂的下拉菜单、自定义表单验证或者动画效果丰富的滑块。 2. **交互插件**:这类插件...

    jquerymobile应用小实例

    通过添加自定义CSS类或者直接修改jQuery Mobile的CSS文件,可以改变按钮、表单、页面布局等元素的颜色、字体、边距等属性。 2. 数据属性:jQuery Mobile提供了一系列的数据属性(data-attributes),如`data-theme`...

    Jquery Mobile +Asp.net

    4. **自定义主题**:jQuery Mobile允许自定义主题,这与ASP.NET MVC的视图模板相结合,可以打造出独特的应用风格。 5. **错误处理**:ASP.NET MVC的异常过滤器可以与jQuery Mobile的错误处理机制结合,提供统一的...

    jquery Mobile

    这个类将作为jQuery Mobile控件的容器,包含与特定jQuery Mobile组件相关的属性和方法。 2. **生成HTML标记**:在控件的`Render`方法中,你需要生成对应的HTML和JavaScript代码,确保这些代码在客户端能够正确解析...

Global site tag (gtag.js) - Google Analytics