1.采用<a>标签形式
<div id="tabs" style="100%;"> <ul> <li id="tabs_1"><a href="#tabs-1" >检查记录</a></li> <li id="tabs_2"><a href="#tabs-2" >住房情况</a></li> <li id="tabs_3"><a href="#tabs-3">财产情况</a></li> <li id="tabs_4"><a href="#tabs-4">特殊情况</a></li> </ul> <div id="tabs-1" class="body_scroll"> <%@ include file="clxx.jsp" %> <br> <%@ include file="zxjcxx.jsp" %> </div> <div id="tabs-2" class="body_scroll"> <%@ include file="xcry.jsp" %> </div> <div id="tabs-3" class="body_scroll"> <%@ include file="jcyj.jsp" %> </div> <div id="tabs-4" class="body_scroll"> <%@ include file="fkfc.jsp" %> </div> </div> jQuery(document).ready(function() { jQuery("#tabs").tabs(); });
2.直接采用class直接生成
<div class="easyui-tabs" fit="true" border="false"> <div id="jcjl" title="检查记录" cache="false" style="padding:1px;" > <%@ include file="clxx.jsp" %> <br> <%@ include file="zxjcxx.jsp" %> </div> <div id="xcry" title="现场人员" cache="true" style="padding:1px;"> <%@ include file="xcry.jsp" %> </div> <div id="zcsbzl" title="检查意见" cache="true" style="padding:1px;"> <%@ include file="jcyj.jsp" %> </div> <ww:if test="sfxz == 3"> <div id="fkfc" title="反馈复查" cache="true" style="padding:1px;"> <%@ include file="fkfc.jsp" %> </div> </ww:if> </div>