我有一个水平标签系统设置如下:
<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。我如何让它保留什么以前的选项卡？
最佳答案
不知何故，在使用服务器端排序的表上，您正在传递服务器信息。它可能带有表格
<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>
关于php - 如何在更新页面时保留当前选项卡？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14739428/