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

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

1 个答案: