动态生成的jquery移动可折叠集,其中包含collapsibles和listview

时间:2014-02-25 22:51:20

标签: jquery-mobile jquery-mobile-listview jquery-mobile-collapsible

有没有办法将listview添加到可折叠集节点中的可折叠文件。

我是从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');

然后我得到了我的listview ....

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

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

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

1 个答案:

答案 0 :(得分:0)

根据jQM的版本,您可以(在1.4上)只需调用

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

应该创建所有后续的jQM代码 - 一旦完成,您甚至可以在整个页面上执行此操作 - 性能成本。 对于列表视图,您只能(一旦删除了一些“):

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