cordova - 在动态可折叠集jqm中创建动态列表视图

Question

我正在尝试在动态可折叠集中创建一个动态列表视图。

我从 2 个不同的表中获取可折叠集和列表视图的数据。

这就是我创建动态可折叠集的方式

  $('<div data-role="collapsible" data-inset="false" data-iconpos="right"><h3>'+row['data']+'</h3><p>listview</p></div>').appendTo('[data-role="content"]');
        $('div[data-role=collapsible]').collapsible({theme:'c',refresh:true});

要创建动态列表视图，我应该<p>listview</p>用一些动态列表视图替换。

由于我是 phonegap 和 jquery mobile 的新手，我不知道该怎么做。有人可以解释一下吗？

谢谢：）

Answer 1

试试这个：

 var list =   '<ul data-role="listview">'+
                   '<li><a href="acura.html">Acura</a></li>'+
                   '<li><a href="audi.html">Audi</a></li>'+
                   '<li><a href="bmw.html">BMW</a></li>'+
              '</ul>';
var div = '<div data-role="collapsible" data-inset="false" data-iconpos="right"><h3>'+row["data"]+'</h3></div>';

和js：

 $(list).appendTo(div).parent().appendTo('[data-role="content"]')
        .end().trigger("create");
$('div[data-role=collapsible]').collapsible({theme:'c',refresh:true});

这里有一个工作示例：http: //jsfiddle.net/ouadie/3jAsA/

http://blog.pengoworks.com/index.cfm/2007/10/26/jQuery-Understanding-the-chain的使用.parent()