编程 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对select操作小结(遍历option,操作option)

Jul 04 Javascript

jquery选择器大全全面详解jquery选择器

Mar 06 Javascript

Javascript日期格式化format函数的使用方法

Aug 30 Javascript

JS 拦截全局ajax请求实例解析

Nov 29 Javascript

微信小程序实现带刻度尺滑块功能

Mar 29 Javascript

Angular 4.x 路由快速入门学习

May 03 Javascript

AngularJS 打开新的标签页实现代码

Sep 07 Javascript

Node.js中使用mongoose操作mongodb数据库的方法

Sep 12 Javascript

react-native fetch的具体使用方法

Nov 01 Javascript

vue实现图片懒加载的方法分析

Feb 05 Javascript

如何通过javaScript去除字符串两端的空白字符

Feb 06 Javascript

在HTML5 localStorage中存储对象的示例代码

Apr 21 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程序员应该了解MongoDB的五件事

2013/06/03 PHP

Zend Framework实现多文件上传功能实例

2016/03/21 PHP

php使用str_shuffle()函数生成随机字符串的方法分析

2017/02/17 PHP

JScript的条件编译

2007/05/29 Javascript

[原创]用javascript实现检测指定目录是否存在的方法

2008/01/12 Javascript

ExtJs使用IFrame的实现代码

2010/03/24 Javascript

jQuery ajax BUG：object doesn't support this property or method

2010/07/06 Javascript

jquery获得下拉框值的代码

2011/08/13 Javascript

$.ajax返回的JSON无法执行success的解决方法

2011/09/09 Javascript

人人网javascript面试题可以提前实现下

2012/01/05 Javascript

JS小功能(列表页面隔行变色)简单实现

2013/11/28 Javascript

JavaScript获取图片真实大小代码实例

2014/09/24 Javascript

nodejs中实现阻塞实例

2015/03/24 NodeJs

js实现星星打分效果的方法

2020/07/05 Javascript

深入讲解AngularJS中的自定义指令的使用

2015/06/18 Javascript

数据分析软件之FineReport教程：[5]参数界面JS（全）

2015/08/13 Javascript

简单实现bootstrap导航效果

2017/02/07 Javascript

微信小程序本作用域下调用全局JS详解及实例

2017/02/22 Javascript

详谈js中数组(array)和对象(object)的区别

2017/02/27 Javascript

微信小程序开发中的疑问解答汇总

2017/07/03 Javascript

Vue实现动态创建和删除数据的方法

2018/03/17 Javascript

vue2.0实现移动端的输入框实时检索更新列表功能

2018/05/08 Javascript

vue组件横向树实现代码

2018/08/02 Javascript

js获取对象,数组所有属性键值(key)和对应值(value)的方法示例

2019/06/19 Javascript

[01:09:20]NB vs NAVI Supermajor小组赛A组 BO3 第二场 6.2

2018/06/03 DOTA

python 函数中的内置函数及用法详解

2019/07/02 Python

Python一键查找iOS项目中未使用的图片、音频、视频资源

2019/08/12 Python

Python中对象的比较操作==和is区别详析

2021/02/12 Python

美国现代家具网站：Design Within Reach

2018/07/19 全球购物

个人素质的自我评价分享

2013/12/16 职场文书

学校火灾防控方案

2014/06/09 职场文书

农业项目建议书

2014/08/25 职场文书

先进党支部申报材料

2014/12/24 职场文书

监护人证明

2015/06/19 职场文书

PostgreSQL将数据加载到buffer cache中操作方法

2021/04/16 PostgreSQL

一些让Python代码简洁的实用技巧总结

2021/08/23 Python