jQuery Mobile 列表内容

　　发布于2026-08-11　阅读（0）

扫一扫，手机访问

jQuery Mobile 列表图标

默认情况下每个列表项都会包含一个箭头图标 "carat-r" (右箭头)。如果要修改这个图标可以使用 data-icon 属性:

实例

 
  Default is right 
	arrow
  data-icon="plus"
  
	data-icon="minus"
  data-icon="delete"
  data-icon="location" 
  
	data-icon="false"

	data-icon="false" 将会移除图标。

更完整的 jQuery Mobile 按钮图标，请访问我们的 jQuery Mobile 图标参考手册。

16x16 图标

如果你想在你的列表添加标准的 16x16px 的图标, 可以在列表项中添加元素，并使用 "ui-li-icon" 类:

实例

USA

jQuery Mobile 列表缩略图

大于 16x16px 的图像，请在链接中添加元素。

jQuery Mobile 将自动缩放图像到 80x80px:

实例

使用标准的HTML添加列表信息：

实例

	
  
    
	
    
    
	Google Chrome
    Google Chrome 免费的开源 web 浏览器。发布于 2008 年。

jQuery Mobile 列表图标

在列表元素使用 class="ui-li-icon" 添加 16x16px 图标：

实例

USA

分割按钮

在 jQuery Mobile 的列表组件里，某些场景下同一条选项往往不只对应一个动作，而是需要拆成两个不同的操作来处理。遇到这种情况，就得把该选项里的链接按钮做成分割样式。做法其实不复杂：直接在

元素内部再添加一个元素，页面上就能呈现出分割后的效果。

在 jQuery Mobile 里，第二个链接会被自动处理成一个带蓝色箭头的图标；如果这个图标关联了链接文字，那么当用户把鼠标移到图标上时，这段文字就会显示出来：

实例

	
  
    
	
    Some 
	Text

添加一些页面和对话框使链接功能更加丰富：

实例

	
  
    
	
    下载浏览器

气泡数字

气泡数字是用来显示列表项相关的数字，如在一个邮箱的邮件：

如需添加气泡数字，请使用行内元素，比如，设置 class "ui-li-count" 属性并添加数字：

实例

	
  收件箱25
  
	发件箱432
  
	垃圾箱7

注意：显示一个正确的气泡数字，必须修改编程方式。这将在以后的章节解释。

产品推荐

售后无忧
立即购买>

DAEMON Tools Lite 10【序列号终身授权 + 中文版 + Win】

￥150.00
office旗舰店
售后无忧
立即购买>

DAEMON Tools Ultra 5【序列号终身授权 + 中文版 + Win】

￥198.00
office旗舰店
售后无忧
立即购买>

DAEMON Tools Pro 8【序列号终身授权 + 中文版 + Win】

￥189.00
office旗舰店
售后无忧
立即购买>

CorelDRAW X8 简体中文【标准版 + Win】

￥1788.00
office旗舰店

正版软件

10.7 WindowManager(窗口管理服务)

本节引言：本节给大家带来的Android给我们提供的系统服务中的——WindowManager(窗口管理服务)，它是显示View的最底层，Toast，Activity，Dialog的底层都用到了这个WindowManager，他是全局的！该类的核心无非：调用addView，removeView

6小时前 21:35 0
正版软件

10.8 LayoutInflater(布局服务)

本节引言：本节接着来看 Android 系统服务里的 LayoutInflater（布局服务）。一提到“布局”，很多人脑子里第一反应通常都是：先写好一个布局 xml，再通过 Activity 的 setContentView() 把它加载进来，最后显示到屏幕上。这个理解没错，不过再往底层看一层，会

6小时前 21:34 0
正版软件

10.9 WallpaperManager(壁纸管理器)

本节引言：这一节要聊的是WallpaperManager，也就是常说的壁纸管理器。顾名思义，它对应的就是手机壁纸相关的一组API。接下来会把它的几个基础用法顺着讲清楚：怎么调用系统自带的壁纸选择功能，怎么把Activity的背景直接设成壁纸背景，以及再做一个定时切换壁纸的小例子。铺垫不多说，直接进

6小时前 21:34 0
正版软件

10.10 传感器专题(1)——相关介绍

1.传感器相关介绍：说到传感器，相信大家都不会陌生吧，比如微信的摇一摇就用到了加速度传感器；传感器的定义：一种物理设备或者生物器官，能够探测、感受外界的信号，物理条件(如光，热，适度)或化学组成（如烟雾），并将探知的信息传递给其他的设备或者器官！传感器的种类：传感器其实有多种划分方式，可以从

6小时前 21:34 0
正版软件

10.11 传感器专题(2)——方向传感器

本节引言：在上一节中我们中我们对传感器的一些基本概念进行了学习，以及学习了使用传感器的套路，本节给大家带来的传感器是方向传感器的用法，好的，开始本节内容~ 1.三维坐标系的概念：在Android平台中，传感器框架通常是使用一个标准的三维坐标系来表示一个值的。以本节要讲的方向传感器为例子，确定

7小时前 21:34 0