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>

显示:
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 常用代码技巧大收集
Feb 25 Javascript
基于jQuery的倒计时插件代码
May 07 Javascript
js实现拖拽效果(构造函数)
Dec 14 Javascript
Node.js实用代码段之获取Buffer对象字节长度
Mar 17 Javascript
Jquery ajax请求导出Excel表格的实现代码
Jun 08 Javascript
jquery easyui如何实现格式化列
Jul 30 jQuery
vue2.0 elementUI制作面包屑导航栏
Feb 22 Javascript
vue webpack实用技巧总结
Apr 24 Javascript
Vue路由前后端设计总结
Aug 06 Javascript
使用Vue.js中的过滤器实现幂方求值的方法
Aug 27 Javascript
如何用vue-cli3脚手架搭建一个基于ts的基础脚手架的方法
Dec 12 Javascript
详解jQuery的核心函数和事件处理
Feb 18 jQuery
让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中webservice实现的简单架构方法及实例
2015/02/03 PHP
php中strlen和mb_strlen用法实例分析
2016/11/12 PHP
PHP大文件分割上传 PHP分片上传
2017/08/28 PHP
kindeditor 加入七牛云上传的实例讲解
2017/11/12 PHP
JavaScript delete操作符应用实例
2009/01/13 Javascript
通过身份证号得到出生日期和性别的js代码
2009/11/23 Javascript
超酷的网页音乐播放器DewPlayer使用方法
2010/12/18 Javascript
jquery中ajax学习笔记4
2011/10/16 Javascript
9行javascript代码获取QQ群成员具体实现
2013/10/16 Javascript
实现前后端数据交互方法汇总
2015/04/07 Javascript
javascript实现连续赋值
2015/08/10 Javascript
使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法
2015/11/26 Javascript
详解vue.js 开发环境搭建最简单攻略
2017/06/12 Javascript
JQuery 获取多个select标签option的text内容(实例)
2017/09/07 jQuery
Angular6使用forRoot() 注册单一实例服务问题
2019/08/27 Javascript
深入浅析golang zap 日志库使用(含文件切割、分级别存储和全局使用等)
2020/02/19 Javascript
jquery实现简单自动轮播图效果
2020/07/29 jQuery
Python使用Redis实现作业调度系统(超简单)
2016/03/22 Python
Numpy数据类型转换astype,dtype的方法
2018/06/09 Python
python3实现windows下同名进程监控
2018/06/21 Python
Python实现爬虫抓取与读写、追加到excel文件操作示例
2018/06/27 Python
python实现简单名片管理系统
2018/11/30 Python
opencv 获取rtsp流媒体视频的实现方法
2019/08/23 Python
python argparse传入布尔参数false不生效的解决
2020/04/20 Python
Python发起请求提示UnicodeEncodeError错误代码解决方法
2020/04/21 Python
红色康乃馨酒店:Red Carnation Hotels
2017/06/22 全球购物
DC Shoes荷兰官方网站:美国极限运动品牌
2019/10/22 全球购物
Java里面StringBuilder和StringBuffer有什么区别
2016/06/06 面试题
商务主管岗位职责
2013/12/08 职场文书
创业计划书的主要内容有哪些
2014/01/29 职场文书
残疾人创业典型事迹
2014/02/01 职场文书
应届生自荐信范文
2014/02/21 职场文书
2014大学生全国两会学习心得体会
2014/03/13 职场文书
2014年教师政治学习材料
2014/06/02 职场文书
小学庆六一活动总结
2014/08/28 职场文书
2014年预备党员学习新党章思想汇报
2014/09/15 职场文书