jquery mobile listview第二次没有显示动态内容

Question

我有一个ul-li列表（比如父列表），点击父母的每个li我动态创建一个ul-li列表（比如子列表）。问题是，JQM的子列表列表视图模板正在加载，以便从父列表中进行第一次单击。但如果我从父母点击相同的li或其他一些li，它就不会加载，而是加载正常的html ul-li列表而不是JQM的列表。

示例代码，

HTML：

<ul id="parentUlContainer" data-role="listview">
<li id="one">first<li>
<li id="two">second<li>
</ul>

脚本：

$("#parentUlContainer li").click(function(){
 //creating dynamic child ul-li list with respect to the #one or #two of parent.
});

我不知道如何使用以及在哪里使用listview的refresh方法。请建议我。

Answer 1

我认为这里的问题是在添加新列表项后需要在js中刷新列表视图

$( "#parentUlContainer" ).listview( "refresh" );

我创建了一个带有示例用法的JSfiddle： http://jsfiddle.net/ajpalma/n9dSG/

我还注意到关闭列表项目缺少前导“/”并在我的小提琴中修复了这个。