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

javascript针对DOM的应用分析（三）

Apr 15 Javascript

js数字转换为float,取N位小数

Feb 08 Javascript

JavaScript数组函数unshift、shift、pop、push使用实例

Aug 27 Javascript

ie8下修改input的type属性报错的解决方法

Sep 16 Javascript

判断字符串的长度(优化版)中文占两个字符

Oct 30 Javascript

JavaScript中数据结构与算法(四)：串(BF)

Jun 19 Javascript

JavaScript引用类型和基本类型详解

Jan 06 Javascript

老生常谈JavaScript中的this关键字

Oct 01 Javascript

js实现鼠标拖动功能

Mar 20 Javascript

vue中使用element-ui进行表单验证的实例代码

Jun 22 Javascript

使用 Vue cli 3.0 构建自定义组件库的方法

Apr 30 Javascript

jQuery实现滑动开关效果

Aug 02 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 header()函数使用说明

2008/07/10 PHP

PHP6 mysql连接方式说明

2009/02/09 PHP

PHP开发环境配置(MySQL数据库安装图文教程)

2010/04/28 PHP

探讨PHP JSON中文乱码的解决方法详解

2013/06/06 PHP

函数中使用require_once问题深入探讨优雅的配置文件定义方法推荐

2014/07/02 PHP

php实现比较两个文件夹异同的方法

2015/06/18 PHP

PHP合并discuz用户脚本的方法

2015/08/04 PHP

PHP7之Mongodb API使用详解

2015/12/26 PHP

PHP二进制与字符串之间的相互转换教程

2016/10/14 PHP

JavaScript中的Document文档对象

2008/01/16 Javascript

HTML5之lang属性与dir属性的详解

2013/06/19 Javascript

JavaScript实战之带收放动画效果的导航菜单

2016/08/16 Javascript

js代码实现下拉菜单【推荐】

2016/12/15 Javascript

微信小程序 scroll-view隐藏滚动条详解

2017/01/16 Javascript

js仿微博动态栏功能

2017/02/22 Javascript

layui文件上传实现代码

2017/05/20 Javascript

JavaScript之json_动力节点Java学院整理

2017/06/29 Javascript

微信小程序实现跟随菜单效果和循环嵌套加载数据

2017/11/21 Javascript

vue中的计算属性实例详解

2018/09/19 Javascript

JS面试题大坑之隐式类型转换实例代码

2018/10/14 Javascript

手把手教你 CKEDITOR 4 扩展插件制作

2019/06/18 Javascript

JavaScript canvas动画实现时钟效果

2020/02/10 Javascript

linux系统使用python监控apache服务器进程脚本分享

2014/01/15 Python

python实现感知器算法详解

2017/12/19 Python

mac下给python3安装requests库和scrapy库的实例

2018/06/13 Python

Python实现CAN报文转换工具教程

2020/05/05 Python

Kmeans均值聚类算法原理以及Python如何实现

2020/09/26 Python

Marc Jacobs官方网站：美国奢侈品牌

2017/08/29 全球购物

如何提高JDBC的性能

2013/04/30 面试题

Jdbc数据访问技术面试题

2012/03/30 面试题

小学校园广播稿集锦

2014/10/04 职场文书

党支部四风整改方案

2014/10/25 职场文书

幼儿园大班毕业评语

2014/12/31 职场文书

绵山导游词

2015/02/05 职场文书

股东大会通知

2015/04/24 职场文书

创业计划书之烤红薯

2019/09/26 职场文书