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

悄悄用脚本检查你访问过哪些网站的代码

Dec 04 Javascript

window.onresize 多次触发的解决方法

Nov 08 Javascript

jQuery$命名冲突怎么办如何解决

Jan 16 Javascript

js实现精美的银灰色竖排折叠菜单

May 16 Javascript

jQuery动态添加

Apr 07 Javascript

微信小程序 less文件编译成wxss文件实现办法

Dec 05 Javascript

微信小程序去哪里找小程序到底如何使用(附小程序名单)

Jan 09 Javascript

js实现1,2,3,5数字按照概率生成

Sep 12 Javascript

Vue框架之goods组件开发详解

Jan 25 Javascript

详解webpack loader和plugin编写

Oct 12 Javascript

微信小程序按钮点击动画效果的实现

Sep 04 Javascript

解决Vue的文本编辑器 vue-quill-editor 小图标样式排布错乱问题

Aug 03 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

咖啡语言

2021/03/03 咖啡文化

解析php如何将日志写进syslog

2013/06/28 PHP

php封装的验证码工具类完整实例

2016/10/19 PHP

老生常谈PHP面向对象之注册表模式

2017/05/26 PHP

php数据库的增删改查 php与javascript之间的交互

2017/08/31 PHP

PHP5.6读写excel表格文件操作示例

2019/02/26 PHP

你需要知道的JavsScript可以做什么？

2007/06/29 Javascript

禁用键盘上的(全局)指定键兼容iE、Chrome、火狐

2013/05/14 Javascript

jQuery实现公告文字左右滚动的实例代码

2013/10/29 Javascript

判定是否原生方法的JS代码

2013/11/12 Javascript

JavaScript返回0-1之间随机数的方法

2015/04/06 Javascript

js下拉选择框与输入框联动实现添加选中值到输入框的方法

2015/08/17 Javascript

JavaScript动态添加css样式和script标签

2016/07/19 Javascript

只需五句话搞定JavaScript作用域(经典)

2016/07/26 Javascript

js对字符串进行编码的方法总结(推荐)

2016/11/10 Javascript

js中编码函数：escape,encodeURI与encodeURIComponent详解

2017/03/21 Javascript

基于vue2.0实现的级联选择器

2017/06/09 Javascript

atom-design(Vue.js移动端组件库)手势组件使用教程

2019/05/16 Javascript

vue下的@change事件的实现

2019/10/25 Javascript

python迭代器实例简析

2014/09/25 Python

Python单例模式实例分析

2015/01/14 Python

Python函数参数类型*、**的区别

2015/04/11 Python

Python中operator模块的操作符使用示例总结

2016/06/28 Python

python定时利用QQ邮件发送天气预报的实例

2017/11/17 Python

彻底解决pip下载pytorch慢的问题方法

2021/03/01 Python

试解释COMMIT操作和ROLLBACK操作的语义

2014/07/25 面试题

数控技术与应用毕业生自荐信

2013/09/24 职场文书

拖鞋店创业计划书

2014/01/15 职场文书

2014年健康教育实施方案

2014/02/17 职场文书

教育实践活动对照检查材料

2014/09/23 职场文书

党员评议思想汇报

2014/10/08 职场文书

幼儿园校园小喇叭广播稿

2014/10/17 职场文书

党员自评材料范文

2014/12/17 职场文书

婚礼必备主持词范本！

2019/07/23 职场文书

解决Maven项目中 Invalid bound statement 无效的绑定问题

2021/06/15 Java/Android

MySQL七种JOIN类型小结

2021/10/24 MySQL