编程 Javascript

jqeury-easyui-layout问题解决方法

Posted in Javascript onMarch 24, 2014

今天在用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>

一直在想这是为什么？

jqeury-easyui-layout问题解决方法

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

如何用javascript去掉字符串里的所有空格

Feb 08 Javascript

关于jQuery UI 使用心得及技巧

Oct 10 Javascript

js切换div css注意的细节

Dec 10 Javascript

JavaScript访问CSS属性的几种方式介绍

Jul 21 Javascript

node.js中的fs.readFile方法使用说明

Dec 15 Javascript

JavaScript设计模式之原型模式(Object.create与prototype)介绍

Dec 28 Javascript

JavaScript精炼之构造函数 Constructor及Constructor属性详解

Nov 05 Javascript

Node.js + Redis Sorted Set实现任务队列

Sep 19 Javascript

深入理解vue-loader如何使用

Jun 06 Javascript

JavaScript用二分法查找数据的实例代码

Jun 17 Javascript

微信小程序实现搜索功能并跳转搜索结果页面

May 18 Javascript

ElementUI Tree 树形控件的使用并给节点添加图标

Feb 27 Javascript

让table变成exls的示例代码

Mar 24 #Javascript

JQuery 图片滚动轮播示例代码

Mar 24 #Javascript

JS中判断null、undefined与NaN的方法

Mar 24 #Javascript

jquery高级编程的最佳实践详解

Mar 23 #Javascript

js 判断浏览器使用的语言示例代码

Mar 22 #Javascript

jquery easyui 对于开始时间小于结束时间的判断示例

Mar 22 #Javascript

js过滤特殊字符输入适合输入、粘贴、拖拽多种情况

Mar 22 #Javascript

You might like

PHP 巧用数组降低程序的时间复杂度

2010/01/01 PHP

PHP实现数组递归转义的方法

2014/08/28 PHP

php 从指定数字中获取随机组合的简单方法(推荐)

2017/04/05 PHP

php使用yield对性能提升的测试实例分析

2019/09/19 PHP

Maps Javascript

2007/01/22 Javascript

Jquery 选中表格一列并对表格排序实现原理

2012/12/15 Javascript

图片无缝滚动代码(向左/向下/向上)

2013/04/10 Javascript

jQuery判断密码强度实现思路及代码

2013/04/24 Javascript

JavaScript常用小技巧小结

2014/12/29 Javascript

JavaScript中的变量定义与储存介绍

2014/12/31 Javascript

jQuery控制cookie过期时间的方法

2015/04/07 Javascript

ECMAScript6中Set/WeakSet详解

2015/06/12 Javascript

javascript中Date对象的使用总结

2016/11/21 Javascript

完美解决input[type=number]无法显示非数字字符的问题

2017/02/28 Javascript

JS字符串长度判断,超出进行自动截取的实例(支持中文)

2017/03/06 Javascript

js实现移动端导航点击自动滑动效果

2017/07/18 Javascript

详解Angular如何正确的操作DOM

2018/07/06 Javascript

浅谈vue 二级路由嵌套和二级路由高亮问题

2020/08/06 Javascript

js canvas实现五子棋小游戏

2021/01/22 Javascript

在Python下利用OpenCV来旋转图像的教程

2015/04/16 Python

python Celery定时任务的示例

2018/03/13 Python

caffe binaryproto 与 npy相互转换的实例讲解

2018/07/09 Python

用python实现刷点击率的示例代码

2019/02/21 Python

Django实现auth模块下的登录注册与注销功能

2019/10/10 Python

HTML+CSS+JavaScript实现图片3D展览的示例代码

2020/10/12 HTML / CSS

美国的Eastbay旗下的运动款子品牌：Final-Score

2018/01/01 全球购物

Tiqets荷兰：出售欧洲最美丽的景点和博物馆门票

2018/01/09 全球购物

环境工程与管理大学毕业生求职信

2013/10/02 职场文书

毕业生大学生活自我总结

2014/01/31 职场文书

2014年个人售房协议书

2014/10/30 职场文书

2014年机关党委工作总结

2014/12/11 职场文书

公司股份转让协议书范本

2015/01/28 职场文书

基层党支部承诺书

2015/04/30 职场文书

正规欠条模板

2015/07/03 职场文书

高中团支书竞选稿

2015/11/21 职场文书

OpenCV-Python 实现两张图片自动拼接成全景图

2021/06/11 Python