管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

jqeury-easyui-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>

　　显示：

jqeury-easyui-layout问题解决方法

　　解决：把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>

jqeury-easyui-layout问题解决方法

　　一直在想这是为什么？

教程首页 更多教程