Jquery Mobile动态可折叠内容没有采取任何风格

Question

我想创建动态可折叠div使用jquery mobile但生成的div没有采取任何样式。

任何人都可以解决这个问题。 :)

 jQuery.get('../config/la/english.txt', function(data) { 

      for (var i = 0; i < data.length; i++) { 
       //alert(data[i]); 
       $('<div data-role="collapsible" data-collapsed="true" data-theme="c" data-content-theme="d" id="'+data[i]+'"><h3>'+ data[i] +'</h3></div>').appendTo("div#main"); 
      } 
     }); 

Answer 1

你可以尝试在for循环，之后追加div来你<div#main>

Answer 2

$（ “选择”）。找到（'DIV添加

$(data[i]).collapsible({refresh:true});

[数据角色=可折叠]'）可折叠（）;

Answer 3

在完成创建div元素的循环后，您必须调用collapsible（）方法。

使用DIV容器（其中包含所有你所创建的可折叠的div元素）来调用可折叠（）像这样：

$（ '＃集装箱'）找到（'DIV [数据角色=可折叠。 。]'）可折叠（）;