当我们在用easyui的laoyout布局时,如果显示主页面采用的是tabs并且每添加一个tab时嵌套一个ifram,而在iframe中引用的界面有link-button按钮时,在IE8会出现点击该按钮west隐藏,解决方案如下:
<a href="javascript:void(0)" οnclick="goAcctBack();" class="easyui-linkbutton" iconCls="icon-back">返回</a>
把href="#" 改成href="",或者不要href属性
添加每一页:
function addTab(title, url){
if ($('#uiTab').tabs('exists', title)){
$('#uiTab').tabs('select', title);
} else {
var content = '<iframe scrolling="yes" frameborder="0" src="'+url+'" style="width:100%;height:100%;"></iframe>';
$('#uiTab').tabs('add',{
title:title,
content:content,
closable:true
});
}
}
<body class="easyui-layout">
<div region="north" style="background:#fafafa;color:#2d5593;height:40px;">
<div style="font-size:16px;font-weight:bold;width:400px;padding:10px 0 0 10px;display:inline;">后台管理系统</div>
<div align="right" style="display:inline">欢迎您:<shiro:principal property="name"/>! </div>
<div align="right" style="display:inline"><a href="${ctx}/logout">退出登录</a></div>
</div>
<div region="west" split="true" title="导航菜单" style="width:280px;padding1:1px;overflow:hidden;overflow-y:auto; overflow-x:auto; ">
<div class="easyui-accordion" fit="true" border="false">
<div title="系统管理">
<table style="width:100%;">
<tr>
<td class="westmenu">
<a href="javascript:addTab('推荐管理','${ctx}/artpic/index')">
<img src="${ctx}/static/images/kontact.png"></img><br/>
<span>推荐管理</span>
</a>
</td>
</tr>
<tr>
<td class="westmenu">
<a href="javascript:addTab('账号管理','account.html')">
<img src="${ctx}/static/images/kdmconfig.png"></img><br/>
<span>账号管理</span>
</a>
</td>
</tr>
</table>
</div>
</div>
</div>
<div region="center" fit="true" style="overflow:hidden;">
<div id="uiTab" class="easyui-tabs" fit="true" border="false">
<div title="首页" style="padding:20px;overflow:hidden;">
<img src="${ctx}/static/images/logo.gif" alt="Artron" id="logo-image" />
<div style="margin-top:20px;">
<p></p>
<p> </p>
<p></p>
</div>
</div>
</div>
</div>
</body>
标签:layout,easyui,title,tabs,west,uiTab,content,href,按钮
From: https://blog.51cto.com/u_16071779/6194756