php - jQuery mobile 动态添加可折叠内容 php

Question

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

<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 } ?>