单击后退按钮时保持选中的选项卡

Question

以下是演示代码：

<ul>
<li><a href="#" class="button is-checked" data-filter="*">All</a></li>
<li><a href="#" data-filter=".advertising" class="button"> ADVERTISING </a></li>  
</ul>

假设，广告被选中并进入其中。单击后退按钮将返回所选的所有选项卡，如何选择广告。

我尝试使用以下代码但不起作用

<a href="javascript:history.back(1)">Back</a>
<button type="button" onclick="history.back();">Back</button>

Answer 1

您应该从内页发回data-filter以确定需要选择哪个标签。

如果收到.advertising数据过滤器，则需要将类is-checked添加到相应的<a>标记

示例

内页

<a href="mainPage.php?dataFilter=.advertising">Back</a>

不要忘记将文件名mainPage.php更新为您的文件名

主页

<?php
    $dataFilter = $_GET['dataFilter'];
?>

<ul>
    <li><a href="#" class="button<?php echo ($dataFilter=='*' || $dataFilter=='')?" is-checked":""; ?>" data-filter="*">All</a></li>
    <li><a href="#" data-filter=".advertising" class="button<?php echo ($dataFilter=='.advertising')?" is-checked":""; ?>"> ADVERTISING </a></li>  
</ul>