jQuery移动列表视图和面板
jQuery mobile listview and panel
基本上,我使用jQuery mobile设计这个移动应用程序。我是个新手,但我尝试过不同的方法,但都没有成功。我正在尝试编写代码,这样当您单击列表视图项目时,会打开一个面板,其中包含选定的列表视图h1
(包含列表项目的标题)和p
(包含此处的描述文本输入代码)。这是我的HTML:
<div data-role="panel" id="event-details" data-position="right" data-theme="b" data-display="overlay">
<h1>Hello World</h1>
</div>
<ol data-role="listview" id="show-events" data-theme="a" data-filter="true">
<li data-name="3A Cold-rooms & Aircons" class="ui-shadow" data-icon="my-right-white">
<a href="#event-details" class="events-list">
<img src="img/flower.png" class="listImage" alt="" />
<h2>3A Cold-rooms & Aircons</h2>
<p>Patio & Outdoor Furniture</p>
<p>GARDEN & OUTDOOR ROOMS</p>
</a>
</li>
列表视图中有各种项目。
$('#show-events').children('li').bind('click', function(e) {
var htxt='<h2>' + $(this).attr('data-name') + '</h2>';
var ptxt='<p>' + txt + '</p>';
var stringText =htxt+ptxt;
$("ol#plannerList").append('<li data-icon="false" class="libgPlanner ui-shadow">' + '<a class="planner-btn" href="#map-page">' + stringText + '</a>' + '</li>').listview('refresh');
}
});
相关文章:
- 移动和桌面视图的角度控制器继承
- jQuery移动列表视图和面板
- 如何通过JS将值传递给控制器和局部视图
- 如何在列表和项目视图中呈现骨干集合
- 使用 Twitter 引导程序切换按钮和面板
- 链接安卓按钮和网络视图 - 可能
- 如何在内容脚本和面板之间进行通信
- jquery Mobile 如何正确加载共享标头和面板 HTML 到驻留在不同目录的页面
- 如何使用 javascript 同时刷新 mvc 视图和部分视图
- 在钛合金调音器中设置视图和文本视图的 ID
- 使用同位素和帖子视图的WordPress主题
- HTML 网格视图和列表视图
- CouchDB 中的筛选和排序视图
- 角度如何在搜索和结果视图之间切换并传递数据
- Enyo MVC 实现和粒子视图渲染
- 使用本地存储更改按钮和面板中的文本
- 使用单独的js文件,并在其中使用ASP.NEt MVC 3和Razor视图引擎的Url帮助程序
- 如何创建类似于Github的面包屑和移位视图效果
- 对于basicDay视图和basicWeek视图,在fullcalendar.js中按班次(上午、白天、晚上、晚上)显示
- 当路由器使用和内部视图时,尤其是在主干网/需要应用程序中