Я пытаюсь создать складной набор в phonegap. Он извлекает данные RSS-канала для создания списка. Я хочу, чтобы список был складным набором.
Однако, когда я настроил его так, как должен быть обычный складной набор, он больше не импортирует списки, и я получаю пустой экран для содержимого.
Мне удалось заставить его немного поработать, но у меня есть складной набор внутри списка, который мне не нужен. Однако избавление от списка и замена всего этого на то, как WC3 показывает, как создать складной набор, облажается и не будет тянуть каналы.
Любые идеи о том, как заставить это работать правильно?
Я хочу, чтобы мой список выглядел так: первый пример здесь: http://demos.jquerymobile.com/1.2.0/docs/content/content-collapsible-set.html
но когда я настроил его так: он появляется пустым.
<script type="text/javascript">
function initializeLifeHacker() {
url = 'http://feeds.gawker.com/lifehacker/full';
var feed = new google.feeds.Feed(url);
feed.setNumEntries(25);
feed.load(function(result) {
var postlist = result.feed.entries;
var html = '<div data-role="collapsible" data-expanded-icon="arrow-d" data-collapsed-icon="arrow-r" data-iconpos="right" class="entry">';
$.each(postlist, function(idx, data) {
html += '<a href="#" onclick="window.open(\'' + data.link + '\', \'_blank\', \'location=yes\')">';
html += '<h2>' + data.title + '</h2><p class="author"> Author: ' + data.author + '</p><p class="description">' + data.contentSnippet + '</p>';
html += '</a>';
});
html += '</div>';
$("#lifeHackerFeedlist").append(html);
$("#lifeHackerFeedlist div[data-role=collapsible]").collapsible();
});
}
$(document).ready(function(){
google.load("feeds", "1",{callback:initializeLifeHacker});
});
</script>
<div role="main" class="ui-content">
<div id="lifeHackerFeedlist" data-role="collapsible-set"></div>
</div><!-- /content -->
поэтому я попытался:
<script type="text/javascript">
function initializeLifeHacker() {
url = 'http://feeds.gawker.com/lifehacker/full';
var feed = new google.feeds.Feed(url);
feed.setNumEntries(25);
feed.load(function(result) {
var postlist = result.feed.entries;
var html = '<ul data-role="listview" data-inset="true" data-theme="a">';
$.each(postlist, function(idx, data) {
html += '<li>';
html += '<a href="#" onclick="window.open(\'' + data.link + '\', \'_blank\', \'location=yes\')">';
html += '<div data-role="collapsible" data-expanded-icon="arrow-d" data-collapsed-icon="arrow-r" data-iconpos="right" class="entry"><h2>' + data.title + '</h2><p class="author"> Author: ' + data.author + '</p><p class="description">' + data.contentSnippet + '</p></div>';
html += '</a>';
html += '</li>';
});
html += '</ul>';
$("#lifeHackerFeedlist").append(html);
$("#lifeHackerFeedlist ul[data-role=listview]").listview();
});
}
$(document).ready(function(){
google.load("feeds", "1",{callback:initializeLifeHacker});
});
</script>
<div role="main" class="ui-content">
<div id="lifeHackerFeedlist" data-role="collapsible-set"></div>
</div><!-- /content -->
что приводит к сворачиванию внутри коллапса, то есть к вложенному коллапсу, который мне не нужен. Вот результат: он выглядит примерно так: http://i.stack.imgur.com/8OsAU.jpg
как мне получить вид, который я хочу?
Заранее спасибо,