2

空のリスト ビューがあります。

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

しかし、その後、読み込みアイコンが表示され、ページが読み込まれませんか?

4

1 に答える 1

1

「作成」をトリガーしてからリストビューを更新する必要があったようです:

$('#test').trigger('create');
$('#test').listview("refresh");
于 2012-12-19T15:03:28.343 に答える