在html页面中，从后台获得一个list已经能够遍历显示在网页中，现在想通过单击某一项来显示其具体内容该如何显示？（主要是传值问题）
ps:希望大神们可以提供一些jquery mobile 传值的例子
拜谢
jquery mobile listview 点击显示问题
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
斯洛文尼亚旅游 2015-07-24 04:04关注用ajax动态加载数据append到你的listview容器后调用refresh方法更新下ui
http://api.jquerymobile.com/listview/#method-refresh
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>listview demo</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> </head> <body> <div data-role="page" id="page1"> <div data-role="header"> <h1>jQuery Mobile Example</h1> </div> <div role="main" class="ui-content"> <ul data-role="listview" id="xx"> <li><a href="index.html">Acura</a></li> <li><a href="index.html">Audi</a></li> <li><a href="index.html">BMW</a></li> <li><a href="index.html">Cadillac</a></li> <li><a href="index.html">Chrysler</a></li> </ul> </div> <script> $(function () { $('#xx').append('<li><a href="index.html">xxxxx' + new Date().getTime() + '</a></li>')//这个数据改为你的ajax动态获取li的html .listview('refresh');; }) </script> </body> </html>本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
编辑
预览
- 2020-10-25 20:30本文着重介绍了在使用JqueryMobile框架进行移动应用开发时，如何动态生成页面上的listView组件，并且提供了两种不同的方法来实现listView的刷新功能。这是移动前端开发者在进行列表数据交互时经常会遇到的问题，本文...
- 2012-12-16 08:17jQuery Mobile 是一个轻量级、触控优化的前端框架，专为移动设备设计，它使得在移动设备上构建交互式的Web应用变得更加简单。Listview 是 jQuery Mobile 的一个重要组件，用于创建美观、响应式的列表，适合展示数据...
- 2024-10-05 08:15盛艺小豆丁的博客 简介：《jQuery Mobile 深度解析》介绍了一个专为移动设备优化的前端开发框架，强调其核心特性、组件和资源文件的使用。文章详细探讨了如何通过数据标签增强UI元素行为、实现自动页面导航和触摸事件处理，以及如何...
- 2020-10-21 22:17在现代前端开发中，使用jQuery Mobile框架来创建响应式移动网页非常普遍。然而，在使用过程中，我们常常需要对页面数据进行更新，并且希望这些更新能够即时反映在界面上。本文将介绍在jQuery Mobile中，如何实现界面...
- 2015-04-29 02:206. **列表视图（Listviews）**：通过 `data-role="listview"` 创建，支持分组、嵌套、过滤和可点击的项目。 ### 三、事件与方法 1. **页面事件**：如 `pageinit`（页面初始化）、`pageshow`（页面显示）和 `...
- 2020-08-12 14:46jQuery Mobile 是一个强大的前端框架，专为构建响应式、触控友好的移动Web应用而设计。这个框架是基于流行的JavaScript库jQuery构建的，旨在简化跨平台开发，支持全球主流的移动设备和浏览器，包括iOS、Android、...
- 2017-06-12 07:21访问 jQuery Mobile 官方网站 (https://jquerymobile.com/)，在下载页面中可以选择适合项目的版本进行下载。 **使用 npm 安装：** 如果你的项目已经集成了 npm，可以直接使用以下命令来安装 jQuery Mobile： ```...
- 2015-08-29 16:23bboyjoe的博客 data-role="listview"——指明列表元素为listview组件； data-filter="true"——设置listview具有过滤属性； data-inset="true"——设置listview具有过滤之后返回插入的特性； ui-filterable——设置表单具备过滤...
- 2015-11-03 03:39jQuery Mobile 是一款强大的前端框架，专门用于构建响应式、触控友好的移动 Web 应用。它基于 jQuery 库，提供了一套丰富的组件和样式，使开发者可以快速地创建跨平台的移动应用。在这个案例中，我们将深入探讨如何...
- 2017-04-18 09:18jQuery Mobile 是一个轻量级、触控优化的前端框架，专门用于构建移动设备上的响应式网站和应用程序。它提供了丰富的组件，如页面、表单、按钮等，以及优雅降级和渐进增强的策略，确保在各种设备上拥有良好的用户体验...
- 没有解决我的问题, 去提问
- 京ICP备19004658号
- 经营性网站备案信息
公安备案号11010502030143- 营业执照
- 北京互联网违法和不良信息举报中心
- 家长监护
- 中国互联网举报中心
- 网络110报警服务
- Chrome商店下载
- 账号管理规范
- 版权与免责声明
- 版权申诉
- 出版物许可证
- ©1999-2025北京创新乐知网络技术有限公司
