JQuery Ajax 选项卡 + 保持状态

Question

我一直遇到一个问题，似乎找不到任何帮助。我尝试了自己的代码，搜索了有关此事的教程，但似乎没有任何效果。

我当前正在为应用程序使用 JQuery UI 选项卡。每次选项卡单击实际上都是使用 Ajax 加载其内容。我现在需要扩展功能并保持选项卡之间的状态。

示例:

单击选项卡 A 并填写表单文档。单击选项卡 B 可查找一些信息。单击选项卡 A，信息仍然存在。

有人对我如何实现这一目标有一些见解吗？

Answer 1

我认为如果您将选项卡上的缓存选项设置为true，例如:

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

编辑:它对我有用。

编辑2:如果您正在寻找更高级的东西，您可以将一个函数绑定(bind)到一个选项卡事件(尝试tabsselect)来抓取所有内容从您的表单中获取，然后通过 Ajax 调用将其发送到服务器，或者只是将其保存到 DOM 中的某个位置。