在jQuery选项卡上保存可折叠状态

Question

我正在使用带有可折叠选项的jQuery选项卡。我想知道如何在cookie中的后续请求（页面加载）中保存我的可折叠选项的状态（最大化或最小化）。我的想法是，如果我刷新页面并且选项卡被最小化，那么我应该看到它被最小化。

Answer 1

您可以使用插件内置的cookie选项，使用指定的Cookie选项初始化选项卡。

$( ".selector" ).tabs({ cookie: { expires: 30 } });

在init之后获取或设置cookie选项。

//getter
var cookie = $( ".selector" ).tabs( "option", "cookie" );
//setter
$( ".selector" ).tabs( "option", "cookie", { expires: 30 } );

DOCS

Answer 2

除了cookies？

您当然可以使用Cookie，但还有其他方法可以使用Cookie：

• 现代浏览器中已知的本地存储
• 使用window.name的老hack，正如托马斯·弗兰克在this tiny simple small library中所解释和使用的那样。

只要说'你也可以使用其他方式来保留整页请求......

Answer 3

也许给哈希方法一个去吧！

使用此插件 http://benalman.com/projects/jquery-hashchange-plugin/ （你真的不需要它，但它可以节省你多写几行）

单击展开时，应将#hash.class添加到url

如果确定window.location是否具有类，则将其展开，然后展开它。

但是这种方法只适用于一次最大化。