直接用div+a两个标签即可。a标签负责href连接action的方法,action返回到各个页面中。在各个页面中都同时包含相同的div的tab页抬头,各个页面不同的是高亮,当该页面显示时,高亮该div即可。
这样就达到了是tab页面的效果。不会出现iframe中的css样式重复或冲突的情况。
例子:
<div class="ui-tabs ui-widget ui-widget-content ui-corner-all" id="tabs1">
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
<li class="ui-state-default ui-corner-top "><a href="${ctx}/customer/customerMgr!showCaseInfo?caseId=${caseId}&orgId=${orgId}">事件信息</a></li>
<li class="ui-state-default ui-corner-top "><a href="${ctx}/customer/customerMgr!showEventInfo?caseId=${caseId}&orgId=${orgId}">案件信息</a></li>
<li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="${ctx}/customer/customerMgr!showCaseTraceInfo?caseId=${caseId}&orgId=${orgId}">跟踪信息</a></li>
<li class="ui-state-default ui-corner-top "><a href="${ctx}/customer/customerMgr!showLossInfo?caseId=${caseId}&orgId=${orgId}">损失/理算</a></li>
<li class="ui-state-default ui-corner-top "><a href="${ctx}/customer/customerMgr!showFileItem?caseId=${caseId}&orgId=${orgId}">查看资料</a></li>
</ul>
</div>
ui-tabs-selected ui-state-active为高亮的css样式。