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/

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

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

1 个答案: