编程 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 显示当前系统时间代码

Dec 28 Javascript

关于跨站脚本攻击问题

Dec 22 Javascript

javascript获取函数名称、函数参数、对象属性名称的代码实例

Apr 12 Javascript

jquery实现在光标位置插入内容的方法

Feb 05 Javascript

微信小程序实例开发总结

Apr 26 Javascript

ionic 3.0+ 项目搭建运行环境的教程

Aug 09 Javascript

vue mint-ui学习笔记之picker的使用

Oct 11 Javascript

mpvue中配置vuex并持久化到本地Storage图文教程解析

Mar 15 Javascript

JS操作json对象key、value的常用方法分析

Oct 29 Javascript

Vue的transition-group与Virtual Dom Diff算法的使用

Dec 09 Javascript

在pycharm中开发vue的方法步骤

Mar 04 Javascript

从零开始在vue-cli4配置自适应vw布局的实现

Jun 08 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 curl使用实例

2015/07/02 PHP

PHP获取客户端及服务器端IP的封装类

2016/07/21 PHP

php json中文编码为null的解决办法

2016/12/14 PHP

XML+XSL 与 HTML 两种方案的结合

2007/04/22 Javascript

JQuery 小练习(实例代码)

2009/08/07 Javascript

中国地区三级联动下拉菜单效果分析

2012/11/15 Javascript

checkbox使用示例

2013/08/23 Javascript

深入理解JavaScript是如何实现继承的

2013/12/12 Javascript

JavaScript中getUTCSeconds()方法的使用详解

2015/06/11 Javascript

JavaScript中Date对象的常用方法示例

2015/10/24 Javascript

微信小程序引入es6 promise

2017/04/12 Javascript

jQuery获取table表中的td标签(实例讲解)

2017/07/28 jQuery

详谈表单重复提交的三种情况及解决方法

2017/08/16 Javascript

js中this对象用法分析

2018/01/05 Javascript

JavaScript的数据类型转换原则(干货)

2018/03/15 Javascript

Angular 组件之间的交互的示例代码

2018/03/24 Javascript

antd Upload 文件上传的示例代码

2018/12/14 Javascript

详解基于iview-ui的导航栏路径（面包屑）配置

2019/02/22 Javascript

[43:18]NB vs Infamous 2019国际邀请赛淘汰赛败者组 BO3 第一场 8.22

2019/09/05 DOTA

[03:17]DOTA2-DPC中国联赛1月29日Recap集锦

2021/03/11 DOTA

python实现的udp协议Server和Client代码实例

2014/06/04 Python

Python中的条件判断语句基础学习教程

2016/02/07 Python

python3下使用cv2.imwrite存储带有中文路径图片的方法

2018/05/10 Python

Python反爬虫技术之防止IP地址被封杀的讲解

2019/01/09 Python

OpenCV图像颜色反转算法详解

2019/05/13 Python

matplotlib实现显示伪彩色图像及色度条

2019/12/07 Python

html5自带表单验证体验优化及提示气泡修改功能

2017/09/12 HTML / CSS

浅谈HTML5 & CSS3的新交互特性

2016/07/19 HTML / CSS

奢华时尚的独特视角：La Garçonne

2018/06/07 全球购物

Under Armour安德玛英国官网：美国高端运动科技品牌

2018/09/17 全球购物

项目投资意向书

2014/04/01 职场文书

意外死亡赔偿协议书

2014/10/14 职场文书

员工辞职信怎么写

2015/02/27 职场文书

2016年第32个教师节致辞

2015/11/26 职场文书

fastdfs+nginx集群搭建的实现

2021/03/31 Servers

Pytorch数据读取之Dataset和DataLoader知识总结

2021/05/23 Python