我知道这个问题之前被很多人问过,但我没有得到解决方案,而且我对 Jquery 不太擅长,所以我所做的是在我的页面中实现了选项卡,每个选项卡都有一个表单,但是当我单击第二个按钮时,页面在重新加载后给我第一个选项卡。这是我的 jquery 代码:
<script type="text/javascript">
$(document).ready( function() {
$('#tab-container').easytabs();
});
</script>
我所拥有的正是此页面演示中的内容:http://jspkg.com/packages/easytabs/demos
如何解决这个问题?
最佳答案
改进您的 HTML/HTTP 帖子结构:
- 在表单中设置隐藏字段,以指定选择哪个选项卡。
- 在服务器端使用生成的请求参数
- 选择要在往返结果页面中显示的正确选项卡。
(如果整个页面有一个表单,则可以在选项卡 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 发布。
关于jquery - 提交表单后保留当前选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16495426/