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>

显示:
jqeury-easyui-layout问题解决方法 
解决:把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__ == &quot;__main__&quot;详细解释
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