单击后退按钮时保留选定的选项卡

【问题标题】：Keep selected tab when click on back button单击后退按钮时保留选定的选项卡
【发布时间】：2016-03-27 18:43:26
【问题描述】：

这里是演示代码：

<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>

【问题讨论】：

http://stackoverflow.com/questions/14313270/jquery-ui-tabs-no-longer-supporting-cookie-now-what/14313315#14313315
selected tab你用的是哪个插件？

标签： javascript php jquery

【解决方案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>

【讨论】：