【问题标题】:Save collapsible state on jQuery tabs在 jQuery 选项卡上保存可折叠状态
【发布时间】:2012-03-20 21:59:05
【问题描述】:

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

【问题讨论】:

  • “后续请求”是什么意思?页面加载? ajax 请求?
  • 你已经为此付出了赏金,而一个有 6 票赞成的答案正坐在那里。您对现有答案有什么问题?
  • 我的标签是通过 ajax 请求的,所以当我使用 cookie 时会出现一个空白标签。而且我无法解析 url 以找出选择了哪个选项卡。

标签: jquery jquery-ui


【解决方案1】:

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

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

在初始化之后获取或设置 cookie 选项。

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

DOCS

【讨论】:

  • 为此需要cookie插件
【解决方案2】:

除了cookies?

您当然可以使用 cookie,但也有其他方法:

  • 现代浏览器中已知的本地存储
  • 使用 window.name 的旧技巧,正如 Thomas Frank 在 this tiny simple small library 中解释和使用的那样。

只是说你也可以使用其他方法来保留整页请求...

【讨论】:

    【解决方案3】:

    也许可以试试哈希方法!

    使用这个插件 http://benalman.com/projects/jquery-hashchange-plugin/ (你并不真的需要它,但它可以让你多写几行)

    当你点击展开时,它应该将#hash.class 添加到url

    如果你确定 window.location 是否有类,则展开它。

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2010-12-08
      • 2021-07-03
      • 2021-10-16
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-06-01
      相关资源
      最近更新 更多