jqeury-easyui-layout问题解决方法

2014-03-24 39

今天在用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问题解决方法 
一直在想这是为什么?
展开阅读全文

更多Javascript文章

让 JavaScript 轻松支持函数重载 (Part 2 - 实现)
Aug 04 42
详解JavaScript中的异常处理方法
Jun 16 39
完美解决input[type=number]无法显示非数字字符的问题
Feb 28 43
Node.js原生api搭建web服务器的方法步骤
Feb 15 136
简单了解vue中的v-if和v-show的区别
Oct 08 43
vue实现购物车功能(商品分类)
Apr 20 33
Vue实现导入Excel功能步骤详解
Jul 03 69
手机访问当前页面