jqeury-easyui-layout问题解决方法
发布时间：2014-08-05 编辑：jiaochengji.com
jqeury-easyui-layout问题：当把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>
一直在想这是为什么？
问题：当把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>
一直在想这是为什么？
您可能感兴趣的文章：
jqeury-easyui-layout问题解决方法
Jquery easyui中Form表单提交注意事项
Jquery easyui入门教程(1)
jquery中使用$(#form).submit()重写提交表单无效原因分析及解决
EasyUI的treegrid组件动态加载数据问题的解决办法
jQuery EasyUI NumberBox(数字框)的用法
Jquery easyui分页栏显示1到0怎么解决？
ASP.NET中使用后端代码注册脚本 生成JQUERY-EASYUI的界面错位的解决方法
在UpdatePanel内jquery easyui效果失效的解决方法
ASP.NET MVC中EasyUI的datagrid跨域调用实现代码
上一篇：让table变成exls的示例代码
下一篇：jquery默认校验规则整理
[关闭]