我一直被困在一个问题上,似乎找不到任何帮助..我尝试了自己的代码,搜索了有关此事的教程,但似乎没有任何问题..
我目前正在为应用程序使用 JQuery UI 选项卡。每个选项卡单击实际上是使用 Ajax 加载其内容。我现在需要扩展功能并保持选项卡之间的状态。
例子:
单击选项卡 A 并填写表单文档。单击选项卡 B 以查找一些信息。单击选项卡 A,信息仍然存在。
有人对我如何做到这一点有一些见解吗?
我一直被困在一个问题上,似乎找不到任何帮助..我尝试了自己的代码,搜索了有关此事的教程,但似乎没有任何问题..
我目前正在为应用程序使用 JQuery UI 选项卡。每个选项卡单击实际上是使用 Ajax 加载其内容。我现在需要扩展功能并保持选项卡之间的状态。
例子:
单击选项卡 A 并填写表单文档。单击选项卡 B 以查找一些信息。单击选项卡 A,信息仍然存在。
有人对我如何做到这一点有一些见解吗?
如果您将cache
选项卡上的选项设置为 ,我认为您可以做到这一点true
,例如:
$('#tabs_selector_here').tabs({
cache : true,
...
whatever other options
...
});
编辑:它对我有用。
编辑2:如果您正在寻找更高级的东西,您可以将一个函数绑定到一个选项卡事件(try tabsselect
),该事件从您的表单中抓取所有内容,然后通过Ajax调用将其发送到服务器或只是保存它到 DOM 中的某个地方。
也许在您的页面中设置一个隐藏字段,表示不执行 TAB A ajax 查询,只读取表单中已经加载的数据。
或者您可以创建 javascript 对象,您将在其中保存加载的数据。