动态生成的 jquery 移动可折叠集，里面有可折叠和列表视图

Question

有没有办法将列表视图添加到可折叠集节点中的可折叠对象中。

我完全是从 javascript/jquery 做的。

我在 html 中只有 1 个基节点

    <div data-role="collapsibleset" data-inset="false" data-collapsed="false" id="coll" data-content-theme="a" data-iconpos="right">

    </div>

我对嵌套的 json 调用进行了 ajax 调用，其中包含子项的子项，并且需要向此节点添加可折叠项和列表视图。通常列表视图是可折叠项的子项，但有时会有可折叠项与可折叠项和列表视图。

我在脚本中完成这一切。我不知道为什么会这样，我使用的是一棵树，但 jquery 移动按钮似乎更像是手机应用程序。我可以添加可折叠的

var final = "<div data-role='collapsible' id='" + title + "'><h3>" + title + "</h3></ul>"
$('#coll').append(final).collapsibleset('refresh');

但后来我得到了我的列表视图....

var items = "<ul data-role='listview' data-inset='false' id='lv" + title + "'>"<li>test</li>"</ul>";

我认为有一个 .listview("refresh") 但我不知道我是否必须先刷新我的可折叠，然后再刷新我的列表视图。

感谢您的任何建议或帮助。

Answer 1

根据 jQM 的版本，您可以（在 1.4 上）简单地调用

$('#coll').trigger("create");

这应该创建所有后续的 jQM 代码——一旦完成，你甚至可以在整个页面上这样做——以性能为代价。 仅对于列表视图，您会（一旦删除了一些 " ）：

$('#lv').listview().trigger("refresh");