jquery - JQuery Ajax 选项卡 + 保持状态

Question

我一直被困在一个问题上，似乎找不到任何帮助..我尝试了自己的代码，搜索了有关此事的教程，但似乎没有任何问题..

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

例子：

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

有人对我如何做到这一点有一些见解吗？

score 3 · Accepted Answer

如果您将cache选项卡上的选项设置为，我认为您可以做到这一点true，例如：

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

编辑：它对我有用。

编辑2：如果您正在寻找更高级的东西，您可以将一个函数绑定到一个选项卡事件（try tabsselect），该事件从您的表单中抓取所有内容，然后通过Ajax调用将其发送到服务器或只是保存它到 DOM 中的某个地方。

score 0 · Accepted Answer

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

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

2 回答 2