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

Question

我知道许多人之前曾问过这个问题，但是我没有得到解决方案而且我在Jquery中并不是很好，所以我做的是我在我的页面中实现了标签，并且eache有一个表单但是当我点击第二页的按钮时，在重新加载后给我第一个标签。这是我的Code 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. 选择要在往返结果页面中显示的正确选项卡。

（如果您有整个页面的一个FORM，您可以在选项卡select事件中设置该值。如果每个标签有一个表单，它只是一个常量。）

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

如果您正在使用MVC和JSP，则应将“defaultTab_Selector”设置为选择器以查找选项卡的<li>。 （我使用jQuery UI选项卡，它只使用数字索引来执行此操作。）

在Spring MVC中，如果您的第二个标签是<li id='tab2'>：

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

或者通过AJAX发布。

Answer 2

试试这个：

$（＆＃39;＃tab-container＆＃39;）。easyTabs（{updateHash：false}）;