Javascript jquery mobile，在listview中动态添加可折叠内容

我有一个空列表视图：

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

</ul>

我想动态添加包含可折叠内容的li标记，但我不知道如何“刷新”它以显示可折叠内容

我试过：

$(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'）。追加（'
'）；
$（'#test'）。列表视图（“刷新”）；
});

但这只是更新了李的部分

然后我试着：

$(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');
});

$（document）.on（'pageinit'，function（）{
$（'#test'）。追加（'
'）；
$（'#test'）。列表视图（“刷新”）；
$（'.member item'）。可折叠（'refresh'）；
});

---

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

看起来我必须触发“创建”，然后刷新列表视图：

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