Javascript 如何获得动态JQuery移动手风琴?
我试图使用PhoneGap和JQuery Mobile设计一个基本的RSS提要阅读器。页面首先加载,并且显示提要需要时间。我试图在每篇文章中添加一个手风琴,这样用户就可以看到文章标题,如果感兴趣,可以展开文章。这是我使用的代码片段:Javascript 如何获得动态JQuery移动手风琴?,javascript,jquery,jquery-mobile,Javascript,Jquery,Jquery Mobile,我试图使用PhoneGap和JQuery Mobile设计一个基本的RSS提要阅读器。页面首先加载,并且显示提要需要时间。我试图在每篇文章中添加一个手风琴,这样用户就可以看到文章标题,如果感兴趣,可以展开文章。这是我使用的代码片段: for (var i = 0; i < result.feed.entries.length; i++) { var entry = result.feed.entries[i]; var title = entry.title, li
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>';
}
for(变量i=0;i';
}
我可以在页面上找到帖子,但是没有手风琴。它将文章呈现为普通HTML。我认为这是因为页面加载后帖子才会加载。有人能帮我吗?for(var i=0;ifor (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();
}
}
var entry=result.feed.entries[i];
var title=entry.title,
link=entry.link,
description=entry.contentSnippet,
pubDate=entry.publishedDate;
饲料项目=饲料项目+“”;
feedItem=feedItem+“”+pubDate+“”;
feedItem=feedItem+''+说明+'';
if(i==result.feed.entries.length-1){
$(“.acorderItem”).collappable();
}
}
for(变量i=0;i';
if(i==result.feed.entries.length-1){
$(“.acorderItem”).collappable();
}
}
您必须刷新加载的内容
假设将其附加到此节点
,则必须执行以下操作:
$('.loaded-content').collapsibleset('refresh');
你可以看看我的小提琴,它模拟了一个Ajax调用并创建了一个延迟的手风琴:你必须刷新加载的内容
假设将其附加到此节点
,则必须执行以下操作:
$('.loaded-content').collapsibleset('refresh');
你可以看看我的小提琴,它模拟了一个Ajax调用并创建了一个带有延迟的手风琴:JQuery Mobile应该添加一个带有
本身的手风琴。我正在试图弄清楚为什么它不起作用,因为内容是在页面加载后加载的。试试看。我向div添加了一个类和一个jquery mobile函数,该函数应该使每个div都成为一个accordio项。jquery mobile应该添加一个带有
本身的accordio。我正在试图弄清楚为什么它不起作用,因为内容是在页面加载后加载的。试试看。我向div添加了一个类和一个jquery移动函数,使每个div都成为一个手风琴项目。哇。工作起来很有魅力!正如您所说,我将整个内容包装在一个新的div中,并将内容附加到其中。我在循环结束时调用了刷新。非常感谢你的帮助!这解决了我的问题@Florent链接不起作用你能更新吗?我正在寻找类似的解决方案哇。工作起来很有魅力!正如您所说,我将整个内容包装在一个新的div中,并将内容附加到其中。我在循环结束时调用了刷新。非常感谢你的帮助!这解决了我的问题@Florent链接不起作用你能更新吗?我正在寻找类似的解决方案