如何在表格中创建“阅读更多”按钮?

时间:2016-11-16 08:41:35

标签: javascript php wordpress foreach

<?php $counter = 0 ?>
<table>
  <?php foreach($attributes as $a): ?>
  <tr>
    <td><?php $a['name']?></td>
    <td><?php $a['Price']?></td>
  </tr>
  <?php $counter++;
    if ($counter > 3) ?> <!-- What to do here? -->
<?php endforeach; ?>
</table>

在像这样的PHP块中,我希望在三个 tr 元素后面有一个Read More按钮,当我点击按钮显示所有其余元素时......

与PHP有什么关系?

2 个答案:

答案 0 :(得分:0)

不,它与php无关。如果您不想重新加载整个页面,则需要JavaScript来实现此功能。

在PHP中,您可以将短版本和长版本打印到单独的div中,然后在View-More-Button上使用以下JS代码:

document.getElementById("shortId").style.display = "none";
document.getElementById("longId").style.display = "block";

答案 1 :(得分:0)

你需要使用下面的tuts创建阅读更多链接, Create A Dynamic ‘Read More’ Link Using PHP

本教程在另一个页面上显示内容,如果您已加载所有内容一次,则可以使用jquery使用hide和show class内联显示内容。