我有一个空的列表视图:
<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");
});
但这只会刷新 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");
$('.member-item').collapsible('refresh');
});
但是我只是得到加载图标而页面没有加载?
看起来我必须触发"创建"然后刷新列表视图:
$('#test').trigger('create');
$('#test').listview("refresh");