jQuery Mobile的，添加ListView里的内部可折叠内容动态

Question

我有一个空的列表视图：

<ul data-role="listview" data-theme="d" id="test"> 

</ul> 

我想补充其含有动态内容的可折叠李标签，但我不知道如何“刷新”它，以便可折叠的内容显示出来？

我想：

$(document).on('pageinit', function() { 
$('#test').append('<li><a href="#"><div data-role="collapsible" class="member-item" data-theme="a"><h3>title</h3><p>some content</p></div></a><a href="#">test</a></li>'); 
$('#test').listview("refresh"); 
}); 

但这只是刷新里的一部分。

然后我尝试：

$(document).on('pageinit', function() { 
$('#test').append('<li><a href="#"><div data-role="collapsible" class="member-item" data-theme="a"><h3>title</h3><p>some content</p></div></a><a href="#">test</a></li>'); 
$('#test').listview("refresh"); 
$('.member-item').collapsible('refresh'); 
}); 

但我只是得到了加载图标，页面没有加载？

Answer 1

貌似我不得不触发“创建”，然后刷新列表视图：

$('#test').trigger('create'); 
$('#test').listview("refresh");