2

设置:

主页上有 2 个选项卡:

  • 选项卡 1 有一个用户填写的表单。
  • 然后他点击选项卡 2。
  • 然后他回到 Tab 1。

问题:

当用户返回 Tab 1 时,他填写的所有数据都丢失了。

有没有办法保存表单数据?

附带说明一下,选项卡 1 有一个“提交”按钮。单击提交按钮后,它也会清除表单,但有一个选项 -preventDefault()通过它我们可以控制其默认行为并在单击后保留用户输入的数据。只是想知道标签是否有类似的东西?

更新1:

我可以通过简单地引用选项卡 1 上的字段名称来访问选项卡 2 上的用户输入数据。所以我猜数据不会丢失。

更新 2:

代码: http: //www.jsfiddle.net/pnuJT

4

2 回答 2

2

您需要cache在设置选项卡时指定选项。

$( ".selector" ).tabs({ cache: true });

每次在它们之间切换时,它将阻止选项卡插件重新加载选项卡内容。

jQuery UI 选项卡选项

于 2012-05-15T03:42:46.277 回答
0

您提到您在评论中使用了 jQuery 选项卡,但 jsfiddle 没有包含该选项卡。你确定你正在使用这个:

http://jqueryui.com/demos/tabs/

使用这样的插件可以很容易地解决您的问题。主要问题是您正在重新加载页面。

于 2012-05-15T03:39:58.183 回答