编程 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 相关文章推荐

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