JQuery mobile动态添加可折叠内容php

Question

我正在用jquery mobile构建一个web应用程序，我需要从外部数据库获取数据并将数据显示为可折叠内容。

<div data-role="collapsible" data-theme="b" data-content-theme="d" data-collapsed="true"> 
    <?php 


// display the results returned 
while ($row = mysql_fetch_array($result, MYSQL_ASSOC)) { 
    printf('<h3><b> %s </h3> 
    <p> %s <p>',$row["OSO"], $row["AIKA"]); 
} 


     ?> 

我怎样才能让每一个H3显示为一个可折叠的内容标题？现在只显示为标题，其余第一是在内容部分

Answer 1

如果您要多个头你应该做一个新的可折叠项为每个条目...

<?php 
// display the results returned 
while ($row = mysql_fetch_array($result, MYSQL_ASSOC)) { 
?> 
<div data-role="collapsible" data-theme="b" data-content-theme="d" data-collapsed="true"> 
    <h3><?= $row["OSO"] ?></h3> 
    <p><?= $row["AIKA"] ?><p> 
</div> 
<?php } ?>