jQuery Mobile 列表视图
来源:互联网 发布:人类灭亡 知乎 编辑:程序博客网 时间:2024/06/05 23:51
jQuery Mobile 中的列表视图是标准的HTML 列表; 有序(<ol>) 和 无序(<ul>).
列表视图是jQuery Mobile中功能强大的一个特性。它会使标准的无序或有序列表应用更广泛。应用方法就是在ul或ol标签中添加data-role="listview"属性
<ol data-role="listview">
列表样式的圆角和边缘,使用 data-inset="true" 属性设置:
<ul data-role="listview" data-inset="true">
默认情况下,列表项的链接会自动变成一个按钮 (不需要 data-role="button")。
列表分割,给列表项<li>元素添加 data-role="list-divider" 属性即可:
<ul data-role="listview">
<li data-role="list-divider">欧洲</li>
<li><a href="#">德国</a></li>
<li><a href="#">英国</a></li>
<li data-role="list-divider">亚洲</li>
<li><a href="#">中国</a></li>
<li><a href="#">印度</a></li>
<li data-role="list-divider">非洲</li>
<li><a href="#">埃及</a></li>
<li><a href="#">南非</a></li>
</ul>
通过 <ol> 或者<ul> 元素的 data-autodividers="true" 属性设置可以配置为自动生成的项目的分隔:(自动提取第一个非空字符)
<h2>我的通讯录</h2>
<ul data-role="listview" data-autodividers="true" data-inset="true">
<li><a href="#">Adele</a></li>
<li><a href="#">Agnes</a></li>
<li><a href="#">Albert</a></li>
<li><a href="#">Billy</a></li>
<li><a href="#">Bob</a></li>
<li><a href="#">Calvin</a></li>
<li><a href="#">Cameron</a></li>
<li><a href="#">Chloe</a></li>
<li><a href="#">Christina</a></li>
<li><a href="#">Diana</a></li>
<li><a href="#">Gabriel</a></li>
<li><a href="#">Glen</a></li>
<li><a href="#">Ralph</a></li>
<li><a href="#">Valarie</a></li>
</ul>
- jQuery Mobile 列表视图
- jQuery Mobile 列表视图
- jQuery Mobile 列表视图
- jQuery Mobile 列表视图
- jquery mobile Listview (列表视图)详讲
- jQuery Mobile基础07----jQuery Mobile Widgets(2)-listview(列表视图
- jQuery Mobile 列表内容
- jQuery Mobile 列表
- jQuery Mobile 列表内容
- jQuery Mobile 列表过滤
- jQuery Mobile 列表内容
- jquery mobile视图的切换和跳转
- jquery mobile navbar列表appendTo追加选项
- Jquery Mobile UI之列表的学习
- jQuery Mobile列表样式失效解决方案
- WSS3SDK之:定制一个mobile列表视图页的步骤
- HTML5 经量级框架 jQuery Mobile 视图与页面 - 7.2
- 使用 jQuery Mobile 与 HTML5 开发 Web App —— 07 jQuery Mobile 列表
- redis介绍
- [Assembly] 程序的机器级表示(三):栈指令、算术和逻辑指令
- CentOS图形界面开关
- Ubuntu 16.04 LTS安装Qt Creator
- windows提权的几种姿势
- jQuery Mobile 列表视图
- ZKFC(Zookeeper Failover Controller)原理【详细版】
- 用户体验和印象分
- Win32简单的子窗口创建与参数传递
- 利用数组找出100以内的奇数、偶数将它们分别输出
- Redis
- Html助手和Request组件 [ 2.0 版本 ]
- 有序广播和无序广播
- 微服务,微架构[十三]springboot集成RabbitMQ