php - 如何在更新页面时保留当前选项卡？

Question

我有一个水平标签系统设置如下:

<a id="default" class="link" href="#">Tab 1</a>
<a class="link" href="#">Tab 2</a>
<a class="link" href="#">Tab 3</a>

可以使用基本的 HTML 和 CSS。

我还有一个表，每个表都可以通过 PHP 处理排序，这会导致页面重定向，将新的排序类型放入 URL。

但是，如果我在，比方说，第三个选项卡中，并单击更改排序类型，页面更改并且排序类型现在已更改，它返回到选项卡 1。我如何让它保留什么以前的选项卡？

Answer 1

不知何故，在使用服务器端排序的表上，您正在传递服务器信息。它可能带有表格

<form method="post" action="http://www.example.com/tabs.php?sortTab2=a" />

或链接

<a href="http://www.example.com/tabs.php?sortTab2=a">Sort</a>

无论哪种方式，如果您向查询字符串添加一个名为 tab 的参数，您可以使用 php 在当前选项卡中打印 id="default"。

<?php
$activeTab = isset($_REQUEST['tab']) ? $_REQUEST['tab'] : 1;
?>

<a <?php if($activetab == 1) echo 'id="default" '; ?>class="link" href="#">Tab 1</a>
<a <?php if($activetab == 2) echo 'id="default" '; ?>class="link" href="#">Tab 2</a>
<a <?php if($activetab == 3) echo 'id="default" '; ?>class="link" href="#">Tab 3</a>

然后，在每个选项卡内，确保指定 tab 查询参数，无论您调用的是 php 排序。

<form method="post" action="http://www.example.com/tabs.php?sortTab2=a&tab=2" />
<a href="http://www.example.com/tabs.php?sortTab2=a&tab=2">Sort</a>