雷林鹏分享:jQuery Mobile 图标

  jQuery 图标

  在 jQuery Mobile 中,如需为按钮添加图标,请使用 data-icon 属性:

  Refresh Page

  提示:在或 元素中,您也可以使用 data-icon 属性。

  下面我们列出了 jQuery Mobile 提供的所有可用图标:

  属性值描述图标实例

  data-icon="arrow-l"左箭头尝试一下

  data-icon="arrow-r"右箭头尝试一下

  data-icon="arrow-u"上箭头尝试一下

  data-icon="arrow-d"下箭头尝试一下

  data-icon="plus"加号尝试一下

  data-icon="minus"减号尝试一下

  data-icon="delete"删除尝试一下

  data-icon="check"检查尝试一下

  data-icon="home"首页尝试一下

  data-icon="info"信息尝试一下

  data-icon="grid"网格尝试一下

  data-icon="gear"工具尝试一下

  data-icon="search"搜索尝试一下

  data-icon="back"后退尝试一下

  data-icon="forward"前进尝试一下

  data-icon="refresh"更新尝试一下

  data-icon="star"星号尝试一下

  data-icon="alert"警告尝试一下

  本文转载自:w3cschool(编辑:雷林鹏 来源:网络 侵删)

原文地址:https://www.cnblogs.com/pengpeng1208/p/10894726.html

时间: 2024-11-11 21:51:14

雷林鹏分享:jQuery Mobile 图标的相关文章

雷林鹏分享jQuery EasyUI 布局 - 在面板中创建复杂布局

面板(Panel)允许您创建用于多种用途的自定义布局.在本实例中,我们使用面板(panel)和布局(layout)插件来创建一个 msn 消息框. 我们在区域面板中使用多个布局(layout).在消息框的顶部我们放置一个查询输入框,同时在右边放置一个人物图片.在中间的区域我们通过设置 split 属性为 true,把这部分切割为两部分,允许用户改变区域面板的尺寸大小. 以下就是所有代码: Search: Hi,I am easyui. 我们不需要写任何的 javascript 代码,它自己有非常

雷林鹏分享jQuery EasyUI 数据网格 - 动态改变列

数据网格(DataGrid)列可以使用 'columns' 属性简单地定义.如果您想动态地改变列,那根本没有问题.为了改变列,您可以重新调用datagrid 方法,并传递一个新的 columns 属性. 创建数据网格(DataGrid) url="data/datagrid_data.json" singleSelect="true" iconCls="icon-save"> $('#tt').datagrid({ columns:[[ {

雷林鹏分享:jQuery Mobile 事件

jQuery Mobile 事件参考手册 以下列表为所有的 jQuery Mobile 事件. 注意:请使用 on() 方法绑定事件. 事件描述 hashchange启用可标记 #hash 历史,哈希值会在一次独立的点击时发生时变化,比如一个用户点击后退按钮,会通过 hashchange事件进行处理. navigate 包裹了 hashchange 和 popstate 的事件 orientationchange方向改变事件,在用户垂直或者水平旋转移动设备时触发. pagebeforechang

雷林鹏分享:jQuery EasyUI 扩展

jQuery EasyUI 扩展 Portal(制作图表.列表.球形图等) 数据网格视图(DataGrid View) 可编辑的数据网格(Editable DataGrid) 可编辑的树(Editable Tree) 数据网格行过滤(DataGrid Filter Row) 数据网格行拖放(Drag and Drop Rows in DataGrid) 树形网格行拖放(Drag and Drop Rows in TreeGrid) 主题(Themes) DWR 加载器(DWR Loader) R

雷林鹏分享:jQuery EasyUI 表单 - 创建树形下拉框

jQuery EasyUI 表单 - 创建树形下拉框 树形下拉框(ComboTree)是一个带有下列树形结构(Tree)的下拉框(ComboBox).它可以作为一个表单字段进行使用,可以提交给远程服务器. 在本教程中,我们将要创建一个注册表单,带有 name.address.city 字段.city 字段是一个树形下拉框(ComboTree)字段,在里面用户可以下拉树面板(tree panel),并选择一个特定的城市. 创建表单(Form) title="Register" butto

雷林鹏分享:jQuery EasyUI 窗口 - 窗口与布局

jQuery EasyUI 窗口 - 窗口与布局 Layout 组件可以内嵌在窗口(window)中.我们可以创建一个复杂的布局窗口,甚至不需要写任何的 js 代码.jquery-easyui 框架帮我们在后台做渲染和调整尺寸. 作为一个实例,我们创建一个窗口(window),它包含两个部分,一个放置在左边一个放置在右边.在窗口(window)的左边我们创建一个树形菜单(tree),在窗口(window)的右边我们创建一个 tabs 容器. Library easyui Music Pictur

雷林鹏分享:jQuery EasyUI 数据网格 - 创建属性网格

jQuery EasyUI 数据网格 - 创建属性网格 属性网格(property grid)带有一个内置的 expand(展开)/collapse(合并) 按钮,可以简单地为行分组.您可以简单地创建一个可编辑属性的分层(hierarchical)列表. 设置 HTML url="propertygrid_data.json" showGroup="true" scrollbarSize="0" > 准备 json 数据 [ {"

雷林鹏分享:jQuery EasyUI 数据网格 - 条件设置行背景颜色

jQuery EasyUI 数据网格 - 条件设置行背景颜色 本教程将向您展示如何根据一些条件改变数据网格(datagrid)组件的行样式.当 listprice 值大于 50 时,我们将为该行设置不同的颜色. 数据网格(datagrid)的 rowStyler 函数的设计目的是允许您自定义行样式.以下代码展示如何改变行样式: url="data/datagrid_data.json" singleSelect="true" fitColumns="tru

雷林鹏分享:jQuery EasyUI 数据网格 - 列运算

jQuery EasyUI 数据网格 - 列运算 在本教程中,您将学习如何在可编辑的数据网格(datagrid)中包含一个运算的列.一个运算列通常包含一些从一个或多个其他列运算的值. 首先,创建一个可编辑的数据网格(datagrid).这里我们创建了一些可编辑列,'listprice'.'amount' 和 'unitcost' 列定义为 numberbox 编辑类型.运算列是 'unitcost' 字段,将是 listprice 乘以 amount 列的结果. title="Editable