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

jQuery 1.0.2

Oct 11 Javascript

jquery中ajax学习笔记一

Oct 16 Javascript

jQuery实现下拉框左右选择的简单实例

Feb 22 Javascript

JS实用的动画弹出层效果实例

May 05 Javascript

整理AngularJS中的一些常用指令

Jun 16 Javascript

jQuery ajax提交Form表单实例(附demo源码)

Apr 06 Javascript

浅谈javascript控制HTML5的全屏操控,浏览器兼容的问题

Oct 10 Javascript

JavaScript正则表达式简单实用实例

Jun 23 Javascript

JavaScrip关于创建常量的知识点

Dec 07 Javascript

微信小程序实现展示评分结果功能

Feb 15 Javascript

VUE组件中的 Drawer 抽屉实现代码

Aug 06 Javascript

微信小程序选择图片控件

Jan 19 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 中英文混合排版中处理字符串常用的函数

2007/04/12 PHP

PHP中SESSION使用中的一点经验总结

2012/03/30 PHP

浅谈PHP检查数组中是否存在某个值 in_array 函数

2016/06/13 PHP

PHP 以POST方式提交XML、获取XML，解析XML详解及实例

2016/10/26 PHP

使用PHPExcel实现数据批量导出为excel表格的方法(必看)

2017/06/09 PHP

PHP基于XMLWriter操作xml的方法分析

2017/07/17 PHP

Laravel 框架返回状态拦截代码

2019/10/18 PHP

基于PHP实现解密或加密Cloudflar邮箱保护

2020/06/24 PHP

根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码

2007/02/22 Javascript

(仅IE下有效)关于checkbox 三态

2007/05/12 Javascript

不用锚点也可以平滑滚动到页面的指定位置实现代码

2013/05/08 Javascript

js获取触发事件元素在整个网页中的绝对坐标(示例代码)

2013/12/13 Javascript

JavaScript提升性能的常用技巧总结【经典】

2016/06/20 Javascript

使用plupload自定义参数实现多文件上传

2016/07/19 Javascript

js中变量的连续赋值(实例讲解)

2017/07/08 Javascript

vue插件开发之使用pdf.js实现手机端在线预览pdf文档的方法

2018/07/12 Javascript

JavaScript从原型到原型链深入理解

2019/06/03 Javascript

简述vue-cli中chainWebpack的使用方法

2019/07/30 Javascript

jQuery 实现DOM元素拖拽交换位置的实例代码

2020/07/14 jQuery

[33:39]DOTA2上海特级锦标赛C组小组赛#2 LGD VS Newbee第二局

2016/02/27 DOTA

[01:04:48]VGJ.S vs TNC Supermajor 败者组 BO3 第一场 6.6

2018/06/07 DOTA

Python多线程、异步＋多进程爬虫实现代码

2016/02/17 Python

python如何通过twisted实现数据库异步插入

2018/03/20 Python

pandas全表查询定位某个值所在行列的方法

2018/04/12 Python

基于pandas将类别属性转化为数值属性的方法

2018/07/25 Python

python使用paramiko模块通过ssh2协议对交换机进行配置的方法

2019/07/25 Python

pandas to_excel 添加颜色操作

2020/07/14 Python

利用Python实现斐波那契数列的方法实例

2020/07/26 Python

CSS3 渐变（Gradients）之CSS3 径向渐变

2016/07/08 HTML / CSS

加拿大健康、婴儿和美容产品在线购物：Well.ca

2016/11/30 全球购物

英国在线潜水商店：Simply Scuba

2019/03/25 全球购物

道路运输企业安全生产责任书

2014/07/28 职场文书

2014学校领导四风对照检查材料思想汇报

2014/09/23 职场文书

党的群众路线教育实践活动自我剖析材料

2014/10/08 职场文书

2015年小学二年级班主任工作总结

2015/05/21 职场文书

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

2021/06/15 Java/Android