编程 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弹出框的用法示例(2)

Aug 26 Javascript

禁止选中文字兼容IE、Chrome、FF等

Sep 04 Javascript

js控制frameSet示例

Sep 10 Javascript

判断javascript的数据类型(示例代码)

Dec 11 Javascript

jQuery获得IE版本不准确webbrowser的解决方法

Feb 23 Javascript

Javascript基础教程之定义和调用函数

Jan 18 Javascript

JavaScript中的继承之类继承

May 01 Javascript

关于原生js中bind函数的简单实现

Aug 10 Javascript

javascript的几种写法总结

Sep 30 Javascript

vue中实现先请求数据再渲染dom分享

Mar 17 Javascript

vue中created和mounted的区别浅析

Aug 13 Javascript

JavaScript享元模式原理与用法实例详解

Mar 09 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

基于mysql的论坛（6）

2006/10/09 PHP

基于php和mysql的简单的dao类实现crud操作功能

2014/01/27 PHP

WordPress自定义时间显示格式

2015/03/27 PHP

PHP编写学校网站上新生注册登陆程序的实例分享

2016/03/21 PHP

浅谈关于PHP解决图片无损压缩的问题

2017/09/01 PHP

Yii2框架配置文件(Application属性)与调试技巧实例分析

2019/05/27 PHP

js option删除代码集合

2008/11/12 Javascript

jQuery插件开发全解析

2012/10/10 Javascript

js通过八个点拖动改变div大小的实现方法

2014/03/05 Javascript

Node.js 学习笔记之简介、安装及配置

2015/03/03 Javascript

jQuery仿360导航页图标拖动排序效果代码分享

2015/08/24 Javascript

jQuery插件开发精品教程(让你的jQuery更上一个台阶)

2015/11/07 Javascript

在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口的方法

2016/08/05 Javascript

form+iframe解决跨域上传文件的方法

2016/11/18 Javascript

使用vue.js写一个tab选项卡效果

2017/03/25 Javascript

jquery replace方法去空格

2017/05/08 jQuery

详解node+express+ejs+bootstrap构建项目

2017/09/27 Javascript

浅谈webpack打包生成的bundle.js文件过大的问题

2018/02/22 Javascript

详解React 条件渲染

2020/07/08 Javascript

element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)

2020/12/02 Vue.js

Python中if __name__ == "__main__"详细解释

2014/10/21 Python

python实现猜数字小游戏

2020/03/24 Python

Python中is和==的区别详解

2018/11/15 Python

对python3.4 字符串转16进制的实例详解

2019/06/12 Python

一篇文章弄懂Python中的可迭代对象、迭代器和生成器

2019/08/12 Python

python配置文件写入过程详解

2019/10/19 Python

python中怎么表示空值

2020/06/19 Python

Python的scikit-image模块实例讲解

2020/12/30 Python

德国玩具商店：Planet Happy DE

2021/01/16 全球购物

室内设计专业个人的自我评价

2013/12/18 职场文书

元旦晚会邀请函

2014/01/27 职场文书

四风问题个人剖析材料

2014/10/07 职场文书

高三英语复习计划

2015/01/19 职场文书

幼儿园中秋节活动总结

2015/03/23 职场文书

职场新人刚入职工作总结该怎么写？

2019/05/15 职场文书

Python办公自动化之教你用Python批量识别发票并录入到Excel表格中

2021/06/26 Python