Question

我一直困在一个问题上，似乎无法找到任何帮助..我已经尝试了自己的代码，搜索了关于这个问题的教程，但似乎什么都没有达到标记。

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

示例：

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

有没有人对如何实现这一目标有所了解？

Answer 1

如果您将标签页上的cache选项设置为true，我认为您可以这样做，例如：

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

编辑：它对我有用。

编辑2：如果您正在寻找更高级的内容，可以将一个函数绑定到其中一个标签事件（尝试tabsselect），这些事件会从您的表单中删除所有内容并使用Ajax调用将其发送到服务器，或者将其保存到DOM中的某个位置。

Answer 2

也许在页面中设置一个隐藏字段，表示不执行TAB Ajax查询，只读取表单中已加载的数据。

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