listview - 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.
});

我不知道如何使用以及在哪里使用列表视图的刷新方法。请建议我。

Answer 1

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

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

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

我还注意到结束列表项缺少前导“/”，并在我的小提琴中修复了这个问题。