JQuery的Ajax选项卡+保持状态

Question

我已经遇到一个问题，似乎无法找到任何帮助吧..我已经尽我自己的代码，搜索对此事的教程，但似乎没有切中要害..

我目前使用JQuery UI选项卡用于一个应用程序。单击每个标签使用Ajax的实际加载的内容。我现在需要扩展功能，并保持在标签之间的状态。

示例：

点击选项卡A和形式文档中继续进行。 点击选项卡B到查找一些资料。 点击选项卡A和信息仍然存在。

有谁有我怎么能做到这一点的一些见解？

Answer 1

我认为，如果你设置你的标签的cache选项true，e.g你可以做到这一点：

$('#tabs_selector_here').tabs({
    cache : true,
    ...
    whatever other options
    ...
});

编辑：它为我工作

编辑2：如果您正在寻找的东西更先进一点，可以将功能结合到标签的事件之一（试行tabsselect），从您的形式擦伤一切，要么将其发送与一个Ajax呼叫服务器或者仅仅将其保存到在DOM某处。

Answer 2

也许设定在你的页面的隐藏字段，表示不执行TAB用AJAX查询和只读数据已加载在你的形式。

也可以创建javascript对象，您将保存加载的数据。