jQuery 选项卡 : Post previously selected tab when opening a new one

Question

有两个表单，每个表单都有自己的 jQuery UI 选项卡，如何在单击新选项卡时将表单发布到取消选择的选项卡中？

当用户在选项卡之间导航时，我需要这样做来维护服务器端的状态。

我研究过类似的事情

$('#tab-container-id').bind('tabsselect', function(event, ui) {
    ...
});

但还没有找到一种方法来访问隐藏的选项卡并发布其表单内容。

设置此选项的一种方法是将整个选项卡集包含在表单元素内，每当选择选项卡时都会提交该表单元素，但我宁愿在每个选项卡内有一个表单，每个选项卡都有自己的操作(被绑定(bind))到不同的 Spring MVC 命令对象)。

感谢您的任何提示...

Answer 1

我喜欢 Jer 关于确定需要发布哪种表单的建议。如果您仍然不知道如何发布表单，但我会在这里研究 jQuery().searlize() 方法，http://api.jquery.com/serialize/ ，并将其与 jQuery().post() 方法结合起来。

所以对于一些伪代码...

$('.tab').bind("click", function() {
     var tabData = $(cachedFormElement).serialize();
     $.post('controllerUrl', tabData);
});