Jquery 提交表单后保留当前选项卡
我知道很多人以前都问过这个问题,但我没有得到解决方案,而且我对Jquery也不是很在行,所以我在我的页面中实现了选项卡,每个选项卡都有一个表单,但当我点击第二个页面的按钮时,页面在重新加载后会给我第一个选项卡。这是我的代码jquery:Jquery 提交表单后保留当前选项卡,jquery,tabs,Jquery,Tabs,我知道很多人以前都问过这个问题,但我没有得到解决方案,而且我对Jquery也不是很在行,所以我在我的页面中实现了选项卡,每个选项卡都有一个表单,但当我点击第二个页面的按钮时,页面在重新加载后会给我第一个选项卡。这是我的代码jquery: <script type="text/javascript"> $(document).ready( function() { $('#tab-container').easytabs(); }); </scri
<script type="text/javascript">
$(document).ready( function() {
$('#tab-container').easytabs();
});
</script>
$(文档).ready(函数(){
$(“#选项卡容器”).easytabs();
});
我所拥有的正是本页面演示中的内容:
如何解决此问题?改进HTML/HTTP帖子结构:
select
event]上设置该表单的值。如果每个选项卡有一个表单,则它只是一个常量。)
如果您使用的是MVC和JSP,您应该将“defaultTab\u Selector”设置为一个选择器,以查找选项卡的
。(我使用jQueryUI选项卡,它只使用数字索引来完成这一点。)
在SpringMVC中,如果您的第二个选项卡是
:
ModelAndView mv = new ModelAndView("gestion_user");
mv.addObject( "defaultTab_Selector", "#tab2");
return mv;
或者通过AJAX发布。试试以下方法:
$('#tab container').easyTabs({updateHash:false}) 我认为您可以使用“活动”类来选择要选择的选项卡。您也可以使用ajax提交表单,这样页面就不会刷新。当我只是刷新页面时,选项卡会保留,但在我提交表单时不会。选项卡的id被添加到我页面的链接中。如果我选择第一个解决方案,则隐藏字段需要设置表单的获取方法,但我希望通过邮寄发送表单,因为我不希望在地址栏中显示信息。此外,该项目是一个spring项目,这使得它有点复杂。您可以让服务器理解您发送的内容,但最好的方法是命名字段
selectedTab
&让服务器检查该参数。POST或GET都可以正常工作——正如您所说,POST隐藏了参数。我添加了隐藏字段,但如何将其与jquery选项卡的脚本链接?如果我在控制器内的视图名称中添加选项卡的id会怎么样??因为当我点击第一个标签时,我得到了这个URL:和第二个:视图的名称是gestion_user,通常控制器会返回这个名称,那么如何将标签的id添加到return语句??这可能吗??
ModelAndView mv = new ModelAndView("gestion_user");
mv.addObject( "defaultTab_Selector", "#tab2");
return mv;