jquery - 提交表单后保留当前选项卡

Question

我知道这个问题之前被很多人问过，但我没有得到解决方案，而且我对 Jquery 不太擅长，所以我所做的是在我的页面中实现了选项卡，每个选项卡都有一个表单，但是当我单击第二个按钮时，页面在重新加载后给我第一个选项卡。这是我的 jquery 代码:

<script type="text/javascript">
    $(document).ready( function() {
      $('#tab-container').easytabs();
    });
  </script>

我所拥有的正是此页面演示中的内容:http://jspkg.com/packages/easytabs/demos

如何解决这个问题？

Answer 1

改进您的 HTML/HTTP 帖子结构:

1. 在表单中设置隐藏字段，以指定选择哪个选项卡。
2. 在服务器端使用生成的请求参数
3. 选择要在往返结果页面中显示的正确选项卡。

(如果整个页面有一个表单，则可以在选项卡 select 事件上设置该值。如果每个选项卡有一个表单，则它只是一个常量。)

$('#tab-container').easytabs(
    defaultTab: '${defaultTab_Selector}'
);

如果您使用 MVC 和 JSP，您可以将“defaultTab_Selector”设置为选择器来查找 <li>选项卡的。 (我使用 jQuery UI Tabs，它仅使用数字索引来完成此操作。)

在 Spring MVC 中，如果您的第二个选项卡是 <li id='tab2'> :

ModelAndView mv = new ModelAndView("gestion_user");
mv.addObject( "defaultTab_Selector", "#tab2");
return mv;

或者通过 AJAX 发布。