0

我试图使用 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。我认为这是因为页面加载加载的帖子。谁能帮我解决这个问题?

4

2 回答 2

3

您必须刷新加载的内容。

假设它已附加到此节点<div id="loaded-content" data-role="collapsible-set"></div>,您必须执行以下操作:

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

您可以查看我的模仿 Ajax 调用的小提琴并延迟创建手风琴:http: //jsfiddle.net/ooflorent/FkT8H/

于 2012-07-03T15:22:36.560 回答
0
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();
    }
}
于 2012-07-03T14:59:07.643 回答