Jquerymobile添加动态可折叠div

Question

可能重复:
动态添加可折叠元素

我想知道如何动态添加一个可折叠div,这样可以用Jqm listviews完成,调用lisview('refresh')之后

这是测试代码:

http://jsfiddle.net/ca11111/UQWFJ/5/

编辑:在上面,它被附加和渲染,但多次

edit2:好像这样工作？

Answer 1

如果省略refresh你正在初始化元素(不刷新它):

$('<div data-role="collapsible" data-collapsed="true"><h3>22</h3><span>test</span></div>').appendTo($('#coll div:first'));

$('#coll').find('div[data-role=collapsible]').collapsible();  

这是您的JSFiddle的更新版本:http://jsfiddle.net/UQWFJ/7/(注意我已将您更改setTimeout为a setInterval以不断向DOM添加新元素)

你也可以通过在变量中保存新元素来优化它,这样你就可以只调用.collabsible()那个元素:

var $element = $('<div data-role="collapsible" data-collapsed="true"><h3>22</h3><span>test</span></div>').appendTo($('#coll div:first'));

$element.collapsible();  

这是一个有这种优化的JSFiddle:http://jsfiddle.net/UQWFJ/9/