javascript - jQueryで折りたたみ可能なセットを動的に生成する方法は?

Question

PHP ファイルからいくつかの見出しデータ (メイン見出し、それぞれにサブ見出しがあります) を取得します。

受け取ったデータは正常に機能しますが、jquery (モバイル) で折りたたみ可能なセットを生成したい場合、美しいテーマが表示されません... プレーンテキストだけ?!

これが私のHTMLファイルです：

<div data-role="collapsible-set" data-content-theme="d" id="headlinegroup">

そして、ここに私のjavascriptファイルがあります:

$.ajax({
   type: "POST",
   url: "headline_getter.php",
   dataType: 'json',
   cache: false,
   success: function(data1){
   console.log ("debug 2");

   var i = 0;

   var $elements = '';
   $.each(data1[i].main, function() {
          console.log ("debug 3 ");

          $elements += ($('div[data-role=collapsible-set]#headlinegroup').append('<div data-role="collapsible"><h3>' + data1[i].main + '</h3><div data-role="fieldcontain"><fieldset data-role="controlgroup" id="headlinegroup'+[i]+'">'));
          var j = 0;
          $.each(data1[i].sub, function() {
                 console.log ("debug 4");

                 $elements += ('<label><input type="checkbox" name="headlines[]" data-mini="true" value="' + data1[i].mid[j] + '"/>' + data1[i].sub[j] + '</label>');

                 j++;

                 });

        $elements += ('</fieldset></div></div>');
        $elements.collapsible();

          i++;

          }); 
   }
   });

どこに問題があるのか​​ よくわかりません。ここでいくつかのスレッドをスタックオーバーフローで読み、.collapsible属性を追加しましたが、機能しません...ただのプレーンテキストです。

前もって感謝します。よろしく、ジョン。

Answer 1

.trigger('create')追加するすべての要素の最後に追加しようとしましたか?