Javascript 如何获得动态JQuery移动手风琴?

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

我试图使用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>';
}
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链接不起作用你能更新吗?我正在寻找类似的解决方案