`
流浪鱼
  • 浏览: 1684668 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jQuery Mobile 按钮

 
阅读更多

<a>标签使用data-role="button"变为按钮ui-btn-active表示是活动的

 

<div data-role="page">
  <div data-role="header"><h1>头部栏</h1></div>
  <div class="ui-grid-a">
    <div class="ui-block-a">
      <a href="#" data-role="button" class="ui-btn-active">确定</a>
    </div>
    <div class="ui-block-b">
      <input type="submit" value="取消" />
    </div>
  </div>
  <div data-role="footer"><h4>©2012 rttop.cn studio</h4></div>
 </div>

 使用按钮组controlgroup进行水平和垂直的排列

 <div data-role="page">
    <div data-role="header"><h1>头部栏</h1></div>
    <div data-role="controlgroup">
      <a href="#" data-role="button" data-icon="check" class="ui-btn-active">确定</a>
      <a href="#" data-role="button" data-icon="delete">取消</a>
    </div>
    <div data-role="controlgroup" data-type="horizontal">
      <a href="#" data-role="button" data-icon="check" class="ui-btn-active">确定</a>
      <a href="#" data-role="button" data-icon="delete">取消</a>
    </div>
    <div data-role="footer"><h4>©2012 rttop.cn studio</h4></div>
 </div>

 

 

 

分享到:
评论

相关推荐

    jquery mobile css3手机表单页面布局按钮样式

    例如,你可以使用 `&lt;a&gt;` 或 `&lt;button&gt;` 标签,加上 `data-role="button"` 属性来创建一个基本的jQuery Mobile按钮。 CSS3 在这里的作用是进一步增强按钮的视觉效果。比如,你可以使用 CSS3 的渐变、阴影、边框半径...

    jQueryMobile-HTML5模板

    1. **统一的触控体验**:jQuery Mobile提供了一套跨平台的触控事件处理机制,确保在各种设备上的滑动、点击等操作有统一的反馈。 2. **自动页面导航**:通过数据-URL(data-url)属性和页面容器,jQuery Mobile可以...

    jquerymobile设计完整例子

    **jQuery Mobile 设计详解** jQuery Mobile 是一个轻量级、响应式的前端框架,专为触摸设备的网页设计和开发而构建。它简化了创建移动友好的网页应用的过程,提供了丰富的组件和交互效果,使得开发者可以快速构建...

    jQuery mobile滑动式的标题导航

    jQuery Mobile 是一个轻量级、触控优化的前端框架,专为移动设备设计,它提供了一整套构建移动Web应用程序的组件。在这个“jQuery mobile滑动式的标题导航”主题中,我们将深入探讨如何利用jQuery Mobile创建动态且...

    jQuery Mobile实战源码

    《jQuery Mobile实战》源码分析 jQuery Mobile 是一个流行的前端框架,专为移动设备设计,旨在简化移动Web应用的开发。这个源码包提供了一手的学习资料,让我们深入理解jQuery Mobile的工作原理及其在实际项目中的...

    jQuery Mobile快速入门.pdf

    ### jQuery Mobile 快速入门知识点概述 #### 一、jQuery Mobile 概述 - **定义与背景**:jQuery Mobile 是一款流行的开源 JavaScript 库,它主要用于构建响应式的 Web 应用程序,支持触摸操作,兼容多种移动设备。...

    jquery mobile官方git资源

    《jQuery Mobile官方Git资源详解》 在Web开发领域,jQuery Mobile是一个非常重要的框架,它为构建响应式、触摸友好的移动应用提供了强大的工具。本文将深入解析“jquery mobile官方git资源”,并围绕其中的关键知识...

    jQuery Mobile快速入门完整版.pdf + 所有源码

    作为jQuery Mobile的入门级读物,《jQuery Mobile快速入门》以示例方式讲解了jQuery Mobile的基本知识和核心特性,内容系统全面,便于理解。 《jQuery Mobile快速入门》总共分为10章,内容包括jQuery Mobile的基础...

    JqueryMobile 开发背景按钮小图标资源

    **jQuery Mobile 指南:开发背景与按钮小图标资源** 在移动应用和网页开发中,用户界面的设计和用户体验是至关重要的。jQuery Mobile 是一个强大的前端框架,它为创建响应式、触摸友好的移动Web应用提供了便利。这...

    jQuery Mobile(jqm)按钮的隐藏和显示,包括a标签,圆角和非圆角按钮

    jQuery Mobile(jqm)按钮的隐藏和显示,包括a标签,圆角和非圆角按钮jQueryMobile jqm jqm按钮隐藏 jqm按钮显示 jqm按钮事件 jQuery Mobile(jqm)input按钮的隐藏和显示 a标签的隐藏和显示 圆角按钮的css样式控制

    jQuery mobile图片截图

    jQuery Mobile 是一个轻量级、触控优化的 JavaScript 框架,专为移动设备上的 Web 应用程序设计。它构建在 jQuery 和 jQuery UI 的基础之上,提供了一套完整的组件和接口,用于创建响应式、触摸友好的移动界面。在 ...

    JqueryMobile课件源码

    jQuery Mobile 提供了一系列美观的表单组件,如输入框、按钮、下拉菜单、开关等。这些组件不仅提供了视觉上的优化,还增加了对触摸事件的支持,使得在移动设备上填写表单更加友好。 ### 七、可滚动区域和网格布局 ...

    jQuery Mobile 高级设计模板

    1. **统一的用户界面 (UI):** jQuery Mobile 提供了一系列预定义的主题和组件,如按钮、表单、面板、滑块等,确保在各种设备上有一致的视觉体验。 2. **触控优化:** 该框架特别关注移动设备的触控事件,确保滑动、...

    jQuery Mobile 快速入门

    访问 jQuery Mobile 官方网站 (https://jquerymobile.com/),在下载页面中可以选择适合项目的版本进行下载。 **使用 npm 安装:** 如果你的项目已经集成了 npm,可以直接使用以下命令来安装 jQuery Mobile: ```...

    jQuery mobile库包及例子

    在这个例子中,`&lt;a&gt;` 标签添加了 `data-role="button"` 数据属性,jQuery Mobile 会将其转换为一个样式化的按钮。 ### 路径配置 正如描述中提到的,引用这些库文件的路径需要正确设置。如果这些文件与 HTML 页面...

    jQuery Mobile快速入门源代码

    5. **UI组件**:包含各种jQuery Mobile组件的实例,如按钮、列表视图、工具栏、对话框等。 6. **主题和样式**:展示如何定制和应用jQuery Mobile主题,以及如何调整组件样式。 7. **性能优化**:可能包括如何减少...

    jQuery Mobile开发的移动新闻阅读器,HTML5技术配合jQuery Mobile

    jQuery Mobile开发的移动新闻阅读器,HTML5技术配合jQuery MobilejQuery Mobile jqm 新闻阅读器 jqm图标更换 jQuery Mobile jqm 新闻阅读器 jqm自定义按钮的图片以及header和footer的定位

    jQuery mobile开关式按键

    在IT领域,jQuery Mobile是一个广泛使用的前端框架,用于构建响应式和触摸友好的移动Web应用程序。这个框架提供了许多UI组件,使得开发者可以轻松地创建出与原生应用体验相媲美的网页应用。其中,“开关式按键”...

    jQuery mobile 开发案例

    **jQuery Mobile 开发案例** jQuery Mobile 是一个专为移动设备设计的前端框架,它基于 jQuery 和 HTML5,致力于简化移动 Web 应用程序的开发。这个框架提供了丰富的 UI 组件和交互效果,使得开发者能够快速构建...

Global site tag (gtag.js) - Google Analytics