data-role="listview"是列表视图

最新推荐文章于 2021-06-05 03:46:45 发布
最新推荐文章于 2021-06-05 03:46:45 发布
阅读量676 收藏 2
点赞数
分类专栏： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46582421/article/details/105484477
版权

Listview（列表，列表视图）是一个简单的无序列表，包是含链接的列表。添加了 data-role=“listview” 属性来构成。jQuery Mobile 将应用所有必要的风格转换列表，，以便在移动设备上显示出列表效果，对触屏方式更加友好。列表有右箭头指示，以及填充浏览器窗口的宽度。当你点击列表项，该框架将触发在列表内的项的链接点击，发送URL链接的Ajax请求，在DOM创建新的页面，然后启动一个页面转变场景。

自带图标，免去很多代码

解决这样的问题就需要列表视图
原来繁琐的代码
只需要在这里添加
自带图标，可以去除这些代码

前端程序员路易
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery mobile 学习08 内容区域的列表显示 data-role="listview"
responsecool的专栏
02-26 2424
jQuery mobile 学习08 内容区域的列表显示 data-role="listview"
List View（列表视图）
yh_android_blog的博客
07-24 9550
概述 列表视图是一个视图组，它以可滑动列表的方式展示了许多项目。列表项通过使用一个Adapter 来自动填充，适配器(Adapter )将数据从源端(例如一个数组或数据库的查询结果)提取内容并将内容填入每一个项目中去。 如何使用适配器来填充数据，请阅读Building Layouts with an Adapter. 使用装填器(Loader ) 使用Curso
可用参数
tianyitianyi1的专栏
03-25 991
data-role参数表： page                页面容器，其内部的mobile元素将会继承这个容器上所设置的属性 header            页面标题容器，这个容器内部可以包含文字、返回按钮、功能按钮等元素 footer              页面页脚容器，这个容器内部也可以包含文字、返回按钮、功能按钮等元素 content           页面内容容器
html标签role属性,data-role属性
weixin_42510278的博客
06-05 2366
以下是一段代码：默认地址:加上css样式过后本应该是如下效果：可是实际的效果确实这样的：这是怎么回事呢，html中根本没有写，为什么会出现“保存信息”这四个字呢？后来才知道是因为网页使用了jQuery Mobile 框架。加上一句代码即可：data-role=”none”。后来就去找了一下有关于data-role的文章，以下是对它的解释：“data-role”属性是HTML 5的一个新特征，通过设...
html5的data-role的属性
06-21
html5的data-role的属性，The jQuery Mobile framework uses HTML5 data- attributes to allow for markup-based initialization and configuration of widgets. These attributes are completely optional; calling plugins manually and passing options directly is also supported. To avoid naming conflicts with other plugins or frameworks that also use data- attributes, set a custom namespace by modifying the ns global option。
【jquery mobile笔记一】data-role="fieldcontain"
北一
08-03 9262
data-role="fieldcontain"使用在布局中，一般使用方法如下        label          如果屏幕足够宽，label和input会在一行上显示，如果屏幕不够宽，则会上下显示，lable在上，input在下。如下2图。 需要注意的是，当在一行上显示时，第一个元素会居左，第二个元素会居右，以此来更好的适应屏幕的宽度。
jQuery Mobileb 入门学习（1）
lx—Word的博客
07-21 843
自己学习的笔记。移动互联网开发这里使用hbuider开发工具。移动端各类框架如MUI框架很方便。直接创建移动app项目。1、jQuery Mobile简介 jQuery Mobile 是一个用于创建移动端web应用的前端框架。jQuery Mobile 是一种 web 框架，用于创建移动web 应用程序。jQuery Mobile将“写得更少、做得更多”这一理念提升到了新的层次：它会自动为网页设计交
jQuery Mobile 列表视图
01-06
应用方法就是在ul或ol标签中添加data-role=”listview”属性。在每个项目( )中添加链接，用户可以点击它： 实例   列表项m   列表项 列表样式的圆角和边缘，使用 data-inset=”true” 属性设置: 实例 ...
jquery mobile实现可折叠的导航按钮
10-20
每个面板都有一个标题（`<h4>`），标题下方是一个列表视图（`data-role="listview"`），包含可点击的链接。 `data-theme`属性用于设置折叠面板的主题色，例如，`data-theme="e"`表示使用主题E的颜色。`data-...
jQuery mobile 移动web(4)
11-22
这些列表视图可以进行主题定制，增强视觉效果，并且可以通过`data-role="listview"`和`data-theme`属性进行配置。例如，一个简单的连接列表可以这样创建： ```html <div data-role="page"> <header data-role=...
可折叠内容块 data-role="collapsible"
梦想天空
07-16 1195
可折叠内容块 data-role="collapsible" 要创建内容折叠块。首先，创建一个容器，并添加 data-role="collapsible" 属性。并且给此容器使用 data-content-theme 属性，为可折叠的内容块，进行主题样式设计。 其次，在容器中，添加任何头部区域的标题（h1-h6）或图例元素(egend element)。JQuery Mobile框架...
关于如何获得ListView中选中项的值
gundumw100的专栏
02-12 226
我已经获得了手机中保存的电话簿中联系人姓名和电话号码，并把它们显示在了一个ListView中，现在要实现的功能是当点击选中项时直接拨号，那么如何取得此时ListView中的号码？ 要显示联系人姓名和电话号码，那你现在肯定已经在listview 的item里面放了两个控件吧，假如说是textview吧，那你就首先要给listview添加一个OnItemClickListener来监听你点击了那...
jQuery Mobile中列表listview（ol、ul）的data-*选项
全栈工程师开发手册（原创）https://github.com/tencentmusic/cube-studio
08-31 2341
全栈工程师开发手册 （作者：栾鹏） jQuery Mobile 所有data-*选项 jQuery Mobile中列表listview的data-*选项 //带有 data-role="listview" 的 或 。 //data-autodividers true | false 规定是否自动划分列表项 //data-count-theme
jquery mobile常用的data-role类型介绍
热门推荐
王通礼的博客专栏
07-30 1万+
data-role参数表： page        页面容器，其内部的mobile元素将会继承这个容器上所设置的属性  header     页面标题容器，这个容器内部可以包含文字、返回按钮、功能按钮等元素 footer       页面页脚容器，这个容器内部也可以包含文字、返回按钮、功能按钮等元素 content     页面内容容器，这是一个很宽容的容器，内部可以包含标准的html元素
jquery mobile所有的data属性
对代码不满足，是任何真正有天才的程序员的根本特征。
03-23 1623
jQuery Data 属性 jQuery Mobile 使用 HTML5 data-* 属性为移动设备创建“对触摸友好的”美观的外观。 在下面的参考列表中，粗体值规定默认值。 Button 带有 data-role="button" 的超链接。工具栏中的按钮元素和链接以及输入字段会被自动设置按钮的样式，无需 data-role="button"。 Data
jQueryMobile的组件之列表(listview)
bboyjoe的博客
08-30 3662
data-role="listview"——指明列表元素为listview组件； data-filter="true"——设置listview具有过滤属性； data-inset="true"——设置listview具有过滤之后返回插入的特性； ui-filterable——设置表单具备过滤属性； data-type="search"——设置input为搜索框； data-filter-
HTML5 data-role、data-theme
jeff-peng
05-20 6039
可能大家在使用jquery mobile时，经常会看到data-role、data-theme等的使用，这些都是HTML5自定义属性,本文整理一些，需要的朋友可以参考下   &lt;div data-role="header"&gt; &lt;h1&gt;我是标题&lt;/h1&gt; &lt;/div&gt;  通过手机浏览，效果如下：       为什么写一个data-ro...
data-role="navbar" 导航框样式被挤下去
孙康的博客
12-31 798
jQuery Mobile笔记三
JINKAI
08-10 1万+
不断学习中，内容会根据进度不断补充和调整，内容来自书籍，网络和本人实践，如有错误欢迎指正！ 8、列表 8.1 列表基础 （1） 标签定义列表项目。  标签定义有序列表。  标签定义无序列表。  标签可用在有序列表 () 和无序列表 () 中。  （2）为列表元素添加data-role="listview"属性后，jQuery Mobile将本地HTML列表增强为移动视图，默认占据整个屏
jQuery Mobile入门：布局、表单与列表视图解析
要将一个列表转换为jQuery Mobile风格的列表视图，只需在或元素上添加"data-role='listview'"属性。为了让列表项可点击，通常会在每个元素内包含一个链接。 jQuery Mobile提供了一系列的数据属性（data attributes...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值