如何获得动态 JQuery 移动手风琴.
How to obtain a dynamic JQuery Mobile Accordion?
我试图使用PhoneGap和JQuery Mobile设计一个基本的RSS提要阅读器。页面首先加载,需要一段时间才能显示源。我正在尝试为每个帖子添加一个手风琴,以便用户可以看到帖子标题并在感兴趣时展开帖子.这是我使用的片段:
for (var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i];
var title = entry.title,
link = entry.link,
description = entry.contentSnippet,
pubDate = entry.publishedDate;
feedItem = feedItem + '<div data-role="collapsible" data-theme="a" data-content-theme="a"><h3><a href="' + link + '>';
feedItem = feedItem + '<span class="feeditemtitle">' + title + '</span>';
feedItem = feedItem + '</a></h3>';
feedItem = feedItem + '<h6>' + pubDate + '</h6>';
feedItem = feedItem + '<p>' + description + '</p></div>';
}
我能够在页面上获得帖子,但没有手风琴.它将帖子呈现为纯 HTML。我认为这是因为帖子在页面加载后加载。谁能帮我解决这个问题?
您必须刷新加载的内容。
假设它附加到此节点<div id="loaded-content" data-role="collapsible-set"></div>
您必须执行以下操作:
$('.loaded-content').collapsibleset('refresh');
你可以看看我的小提琴,它模仿了Ajax的调用,并延迟地创建了手风琴:http://jsfiddle.net/ooflorent/FkT8H/
for (var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i];
var title = entry.title,
link = entry.link,
description = entry.contentSnippet,
pubDate = entry.publishedDate;
feedItem = feedItem + '<div data-role="collapsible" class="accordItem" data-theme="a" data-content-theme="a"><h3><a href="' + link + '>';
feedItem = feedItem + '<span class="feeditemtitle">' + title + '</span>';
feedItem = feedItem + '</a></h3>';
feedItem = feedItem + '<h6>' + pubDate + '</h6>';
feedItem = feedItem + '<p>' + description + '</p></div>';
if(i == result.feed.entries.length-1){
$(".accordItem").collapsible();
}
}
相关文章:
- Canvas Html5绘图应用程序,移动画布会导致重大问题
- 正在SharePoint 2013母版页中添加JQuery移动文件
- 如何在android中使用phonegap将文件从一个文件夹移动/复制到另一个文件夹
- 如何使用phaser使html5游戏在移动设备浏览器上运行
- 响应网页手风琴在移动
- 如何获得动态 JQuery 移动手风琴.
- JQuery 手风琴在单击时不断移动到页面顶部
- 移动菜单手风琴逻辑
- 将引导选项卡栏转换为移动大小的手风琴菜单
- 如何制作一个在移动设备上运行良好的动画手风琴?纯JS或WebKit transform3d
- 在移动浏览器中使用jQuery手风琴是不是太慢了
- wordpress基础手风琴移动子菜单
- 如何将浏览器窗口移动到灵活的手风琴选项卡的顶部
- jQuery手风琴-移动选定的一个
- 动态Jquery移动手风琴
- Javascript手风琴菜单如何移动加上符号从右边到左边
- 将jquery手风琴元素从一个手风琴移动到另一个手风琴
- 手风琴菜单上的移动视窗
- 为移动网站 jquery 和 CSS 创建一个手风琴菜单
- 手风琴可以在移动设备上关闭所有部分,但在平板电脑和台式机上总是打开一个手风琴部分