今天在用easyui做布局时，碰到了一个疑惑的问题。
问题：当把class=“easyui-layout”写在一个独立的div中时，layout的样式无法显示，也不报错。
例如：
复制代码 代码如下:
<span><body >
<div>
<div data-options="region:'north',title:'North Title',split:true">
</div>
<div data-options="region:'south',title:'South Title',split:true">
</div>
<div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true">
</div>
<div data-options="region:'west',title:'West',split:true">
</div>
<div data-options="region:'center',title:'center title'" href="https://www.jb51.net/CenterPage.html">
</div>
</div>
</body></span>
显示：
解决：把class=“easyui-layout”写在body中时，问题就迎刃而解了。且region属性不能被其他无关的div所包含。
代码：
复制代码 代码如下:
<span><body>
<div data-options="region:'north',title:'North Title',split:true">
</div>
<div data-options="region:'south',title:'South Title',split:true">
</div>
<div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true">
</div>
<div data-options="region:'west',title:'West',split:true">
</div>
<div data-options="region:'center',title:'center title'" href="https://www.jb51.net/CenterPage.html">
</div>
</body></span>
一直在想这是为什么？
您可能感兴趣的文章: