Phonegap - 如何在for循环中添加collapasible-set？

Question

我被困住了。如何将forpspsible-set添加到for循环中？我在下面尝试过这段代码，但它只显示了h3和p字段。可折叠集不起作用。请帮忙。

function querySuccess(tx, results) {

    var len = results.rows.length;

         var display ="";

         display +="<div data-role='collapsible-set'>";
    for (var i=0; i<len; i++){
         display +="<div data-role='collapsible'  data-collapsed='true'>";
         display += "<h3>"+ results.rows.item(i).title +"</h3>";
         display += "<p>"+ results.rows.item(i).line1 +"</p>";
         display +="</div>";
    }
         display +="</div>"; 
          document.getElementById("news_DB").innerHTML = display;

    }

Answer 1

试试这个

$.each(results.rows,function(index){ 
           var row = results.rows.item(index);

 $('<div data-role="collapsible"><h3>'+row['col_name']+'</h3><p>Content</p></div>').appendTo('[data-role="content"]');
$('div[data-role=collapsible]').collapsible({theme:'c',refresh:true});
  });

        }