【问题标题】:php5 pagination current pagephp5分页当前页面
【发布时间】:2018-05-01 03:43:35
【问题描述】:

我正在尝试使用 active 类在我的网站中突出显示当前页面,以便用户可以知道用户可以知道他们当前所在的页面。下面是我试图开始工作的 php5 代码.

<!-- Pagination -->
<ul class="pagination pagination-lg">
  <?php for ($page=1; $page<=$number_of_pages; $page++) { ?> 
  <li><a href="page.php?page=<?php echo $page?>" class= "active" ><?php echo $page ?></a></li>
  <?php } ?>
</ul>

这就是我想要得到的东西

但是,这是我的代码当前生成的

这是我能想到的最好的了

  <?php for ($page=1; $page<=$number_of_pages; $page++) { ?> 
      <li><a href="page.php?page=<?php echo $page?>"  <?php if ($_GET['page'] == $page) { echo 'class= "active"'; } ?> >
  <?php echo $page ?></a></li> <?php } ?>

【问题讨论】:

  • 因为 php 不知道哪个是当前页面,所以它将类放在整个循环元素中
  • 您正在将类 active1 添加到选项卡 1,并将 active2 添加到选项卡 2。始终。活动标签和非活动标签之间没有区别。

标签: php html css pagination


【解决方案1】:

试试这个,将$current_page设置为您的当前页面。

<ul class="pagination pagination-lg">
    <?php
    $current_page = 1;
    for ($page = 1; $page <= $number_of_pages; $page++) {
        ?> 
        <li><a href="page.php?page=<?php echo $page ?>" class= "<?php if ($page == $current_page) echo 'active'; ?>"><?php echo $page ?></a></li>
        <?php
    }
    ?>
</ul>

【讨论】:

  • 代码不工作。所有图标的颜色仍然相同。
  • 从技术上讲,这是正确的方法。但是你仍然需要添加样式,比如.active{ background-color: white; },否则你看不到区别。
猜你喜欢
  • 2010-10-19
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-03-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多