javascript - 如何获取动态 JQuery Mobile Accordion？

Question

我尝试使用 PhoneGap 和 JQuery Mobile 设计一个基本的 RSS 提要阅读器。页面首先加载，提要需要一些时间才能显示。我试图在每个帖子中添加一个 Accordion ，以便用户可以看到帖子标题并在感兴趣时展开帖子。这是我使用的片段:

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>';
}

我能够获取页面上的帖子，但没有 Accordion 。它将帖子呈现为纯 HTML。我认为这是因为帖子在页面加载之后加载。谁能帮我解决这个问题吗？

Answer 1

您必须刷新加载的内容。

假设它被附加到这个节点<div id="loaded-content" data-role="collapsible-set"></div>你必须做:

$('.loaded-content').collapsibleset('refresh');

您可以查看我的 fiddle ，它模拟 Ajax 调用并创建具有延迟的 Accordion : http://jsfiddle.net/ooflorent/FkT8H/