jqeury-easyui-layout问题解决方法 - Web前端

作者：98wpeu发布时间：2026-06-07分类：网页前端技术浏览：63

导读：今天在用easyUI做布局时，碰到了一个疑惑的问题。问题：当把class=“easyui-layout”写在一个独立的div中时，layout的样式无法显示，也不报错。例如：...

今天在用easyUI做布局时，碰到了一个疑惑的问题。

问题：当把class=“easyui-layout”写在一个独立的div中时，layout的样式无法显示，也不报错。

例如：
复制代码代码如下:
<span style="font-size:14px;"><body >
<div class="easyui-layout">
<div data-options="region:'north',title:'North Title',split:true" style="height: 100px;">
</div>
<div data-options="region:'south',title:'South Title',split:true" style="height: 100px;">
</div>
<div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true" style="width: 100px;">
</div>
<div data-options="region:'west',title:'West',split:true" style="width: 100px;">
</div>
<div data-options="region:'center',title:'center title'" href="CenterPage.html" style="background: #eee; overflow: hidden;">
</div>
</div>
</body></span>

显示：

解决：把class=“easyui-layout”写在body中时，问题就迎刃而解了。且region属性不能被其他无关的div所包含。

代码：
复制代码代码如下:
<span style="font-size:14px;"><body class="easyui-layout">

<div data-options="region:'north',title:'North Title',split:true" style="height: 100px;">
</div>
<div data-options="region:'south',title:'South Title',split:true" style="height: 100px;">
</div>
<div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true" style="width: 100px;">
</div>
<div data-options="region:'west',title:'West',split:true" style="width: 100px;">
</div>
<div data-options="region:'center',title:'center title'" href="CenterPage.HTML" style="background: #eee; overflow: hidden;">
</div>

</body></span>

一直在想这是为什么？

标签：解决方法 Web layout easyui jqeury

上一篇：40款非常有用的 jQuery 插件推荐（系列一） - Web前端
下一篇：jQuery.query.js 取参数的两点问题分析 - Web前端

jqeury-easyui-layout问题解决方法 - Web前端

相关推荐