jQuery Mobile通过ajax动态创建可折叠集不适用样式

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

我正在动态创建一个可折叠集并使用$('#myID').html(htmlcode)将其添加到页面$('#myID').html(htmlcode) 。 样式未应用于页面。 如何让jquery mobile应用它造型？

（我使用$.get()来查询Web服务。返回的内容我循环创建标记）

Answer 1

这对我有用。 我的ajax返回一堆h3，我将其插入到一个可折叠的div中，并附加内容的ap标签。

 $(document).ready(function(){ $.get(my_url, function(data) { var content = $('div[data-role="content"]').html(data); $('h3').each(function(h3_element) { var coll = $('
'); coll.append($(this)); coll.append($('
')); content.append(coll); }); content.trigger( "create" ); }); }); 

Answer 2

已经在Jquery Mobile Collapsible Content中得到了解答

要在阻止默认初始化格式化之后正确初始化div，你必须使用像$这样的东西（“一种选择div的方法”）。trigger（’create’）; 如下所示： http ： //jquerymobile.com/demos/1.0b2/#/demos/1.0b2/docs/pages/page-scripting.html

Answer 3

 $content.find(":jqmData(role=collapsible)").collapsible(); 

Answer 4

可折叠内容和Ajax加载