Question

我将此脚本用于JQuery中的选项卡

<script type="text/javascript">
$(function () {
var tabContainers = $('div.tabs > div');

$('div.tabs ul.tabNavigation a').click(function () {
    tabContainers.hide().filter(this.hash).show();

    $('div.tabs ul.tabNavigation a').removeClass('selected');
    $(this).addClass('selected');

    return false;
}).filter(':first').click();
});
</script>

但我真的想知道如何使用该代码保留标签的状态而不使用任何其他插件，任何想法？

Answer 1

我建议调查类似store.js的内容。它允许您在给定域的客户端存储信息，并在后续页面加载时检索它。

Answer 2

如果您不想使用外部代码或插件，并且不介意不支持IE 7，则可以始终使用本地存储。它是HTML 5的新功能，允许您使用javascript将键值对保存到浏览器本地存储中。因此，如果您想在键'bar'下保存值'foo'，您可以做一些简单的事情：

localStorage.setItem("foo", "bar");

并检索

var foo = localStorage.getItem("foo");

本网站向您展示其支持的内容：

http://caniuse.com/#search=localstorage

这是一个很好的学习它的页面：

https://developer.mozilla.org/en/DOM/Storage

本地存储有两个选项

本地存储 - 这是在页面刷新之后保留的
会话存储 - 在浏览器会话仍处于活动状态时保持不变。当您关闭浏览器选项卡时，存储将丢失。

希望这有帮助[s！

安迪

如何在Jquery中保留选项卡的状态？

2 个答案: