有时候我们的页面需要多页签，多页签又引起一个问题就是只会校验初始加载的页签，所以就有了一个需求，需要把所有的页签都加载一遍，之后所有页签中需要校验的内容都会校验了，切换页签代码如下：
$(document).ready(function(){ $(‘#tt‘).tabs({ onSelect:function(title){ $(‘#tt .panel-body‘).css(‘width‘,‘auto‘); } }); $("#tt").tabs("select", 1); $("#tt").tabs("select", 2); $("#tt").tabs("select", 3); $("#tt").tabs("select", 4); $("#tt").tabs("select", 5); $("#tt").tabs("select", 0); });
页签如下：
页签代码如下：
<div id="tabss" style="width: auto;height: 200px;"> <%-- 增加一个div，用于调节页面大小，否则默认太小 --%> <div style="width:800px;height:1px;"></div> <t:tabs id="tt" iframe="false" tabPosition="top" fit="false"> <t:tab href="hrUserController.do?hrUserDetailList&id=${hrUserPage.id}" icon="icon-search" title="详细信息" id="hrUserDetail"></t:tab> <t:tab href="hrUserController.do?hserEntryInfoList&id=${hrUserPage.id}" icon="icon-search" title="职位信息" id="hrUserEntryInfo"></t:tab> <t:tab href="hrUserController.do?hrUserEducationList&id=${hrUserPage.id}" icon="icon-search" title="教育经历" id="hrUserEducation"></t:tab> <t:tab href="hrUserController.do?hrUserFamilyList&id=${hrUserPage.id}" icon="icon-search" title="家庭情况" id="hrUserFamily"></t:tab> <t:tab href="hrUserController.do?hrUserWorkList&id=${hrUserPage.id}" icon="icon-search" title="工作经历" id="hrUserWork"></t:tab> <c:if test="${roleCode==role||xhjHrUserPage.username==userName}"> <t:tab href="hrUserController.do?hrUserAnnexList&id=${hrUserPage.id}" icon="icon-search" title="照片上传" id="hrUserAnnex"></t:tab> </c:if> </t:tabs> </div>
