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");