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 [數據角色=可摺疊。 。]'）可摺疊（）;