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 相关文章推荐
JSON 学习之完全手册 图文
May 29 Javascript
jquery二级导航内容均分的原理及实现
Aug 13 Javascript
jQuery实现二级下拉菜单效果
Jan 05 Javascript
JavaScript SHA512加密算法详细代码
Oct 06 Javascript
基于Vue2的移动端开发环境搭建详解
Nov 03 Javascript
Bootstrap模态框插件使用详解
May 11 Javascript
基于Vue的文字跑马灯组件(npm 组件包)
May 24 Javascript
JS中mouseup事件丢失的原因与解决办法
Jun 14 Javascript
javascript  数组排序与对象排序的实例
Jul 17 Javascript
微信小程序实现拖拽 image 触摸事件监听的实例
Aug 17 Javascript
Vue组件系列开发之模态框
Apr 18 Javascript
JQuery获得内容和属性方法解析
May 30 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 MVC框架skymvc支持多文件上传
2016/05/26 PHP
Yii2验证器(Validator)用法分析
2016/07/23 PHP
Aster vs KG BO3 第三场2.19
2021/03/10 DOTA
Javascript与vbscript数据共享
2007/01/09 Javascript
JS创建优美的页面滑动块效果 - Glider.js
2007/09/27 Javascript
js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版
2011/01/08 Javascript
js中reverse函数的用法详解
2013/12/26 Javascript
javascript判断变量是否有值的方法
2015/04/20 Javascript
JavaScript实现下拉列表框数据增加、删除、上下排序的方法
2015/08/11 Javascript
Angularjs---项目搭建图文教程
2016/07/08 Javascript
form表单转Json提交的方法(推荐)
2016/09/23 Javascript
vue双向绑定简要分析
2017/03/23 Javascript
ECMAScript6--解构
2017/03/30 Javascript
利用JS制作万年历的方法
2017/08/16 Javascript
Jquery动态列功能完整实例
2019/08/30 jQuery
JS实现简单省市二级联动
2019/11/27 Javascript
uni-app实现获取验证码倒计时功能
2020/11/01 Javascript
Vue——前端生成二维码的示例
2020/12/19 Vue.js
python获取一组数据里最大值max函数用法实例
2015/05/26 Python
总结python实现父类调用两种方法的不同
2017/01/15 Python
详解django中自定义标签和过滤器
2017/07/03 Python
启动targetcli时遇到错误解决办法
2017/10/26 Python
Python坐标轴操作及设置代码实例
2020/06/04 Python
Python collections.defaultdict模块用法详解
2020/06/18 Python
python 窃取摄像头照片的实现示例
2021/01/08 Python
HTML5实现锚点时请使用id取代name
2013/09/06 HTML / CSS
巧克力蛋糕店创业计划书
2014/01/14 职场文书
初一地理教学反思
2014/01/16 职场文书
母亲追悼会答谢词
2014/01/27 职场文书
交警个人先进事迹材料
2014/05/11 职场文书
四风自我剖析材料
2014/09/30 职场文书
诉讼授权委托书
2014/10/15 职场文书
交通事故和解协议书
2015/01/27 职场文书
2015年音乐教师个人工作总结
2015/05/20 职场文书
2015年度工程师评职称工作总结
2015/10/14 职场文书
Django实现在线无水印抖音视频下载(附源码及地址)
2021/05/06 Python