easyui layout 收缩的bug
easyui layout提供collapse方法折叠指定的 panel,'region' 参数可能的值是:'north'、'south'、'east'、'west',但是在 IE6的环境下,调用这个方法的时候,奇怪的事情发生了,里面的内容不见了,变成很大一块空白,这里有一个很戳的解决办法:
$('#cc').layout('collapse','west');
$('#cc').layout(‘expand','west');
$('#cc').layout('collapse','west');
-----------------------------------------------------------------华丽丽的分割线-------------------------------------------------------------------------
数日过后,经高人指点,此bug有了新解决方法:
jquery.easyui.min.js源码第3888行开始:
_2b0.north.panel("panel").animate({ top: -_2b0.north.panel("options").height }, function () {
_2b0.north.panel("close");
_2b0.expandNorth.panel("open").panel("resize", { top: 0, left: 0, width: cc.width(), height: 28 });
_2b0.north.panel("options").onCollapse.call(_2b0.north);
});
将上面的代码移到_2b0.expandNorth这个属性的判断之后:
if (!_2b0.expandNorth) {
_2b0.expandNorth = _2b1("north");
_2b0.expandNorth.panel("panel").click(function () {
_2b0.north.panel("open").panel("resize", { top: -_2b0.north.panel("options").height });
_2b0.north.panel("panel").animate({ top: 0 },0);
return false;
});
}
第一段代码中animate函数是jquery中用来实现动画效果的函数,这个函数的最后一个参数是一个回调方法,在这个回调方法中用到_2b0.expandNorth这个对象,这个东西不知道为什么会是undefine,而且每次一旦是undefine的时候,回调方法报错,然后就会出现上面提到的留白效果。所以上面提到的在ie6下会出现这种情况其实是错的,应该说是在比较差的机器上if (!_2b0.expandNorth) 这段代码会晚于回调方法执行,从而导致脚本报错,出现留白效果。
这个问题当然是我找同事帮忙才发现的,其实要找到解决这个问题并不难,我之所以没能解决首先是对jquery不熟悉,不知道有animate这么一个动画效果的方法。其次是认为人家的框架应该是很健壮的,不可能改的动,说白了就是缺乏自信吧。
又是一个中秋,桂花香气四溢
easyui layout 收缩的bug的更多相关文章
- jQuery easyui layout布局自适应浏览器大小(转)
首先解释一下标题的含义,当我们用jQuery easyui layout 进行布局的时候,可能会遇到这样一个问题,那就是当手工调整浏览器大小,或者最大化.还原窗口的时候,layout的某个区域不能填充 ...
- Easyui layout设置满屏效果
html文件: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" ...
- 布局-EasyUI Panel 面板、EasyUI Tabs 标签页/选项卡、EasyUI Accordion 折叠面板、EasyUI Layout 布局
EasyUI Panel 面板 通过 $.fn.panel.defaults 重写默认的 defaults. 面板(panel)当做其他内容的容器使用.它是创建其他组件(比如:Layout 布局.Ta ...
- easyui layout 折叠之后显示标题
方法一:重载扩展panel收缩事件 (function($){ var buttonDir = {north:'down',south:'up',east:'left',west:'right'}; ...
- EasyUI Layout 添加、删除、折叠、展开布局
<!DOCTYPE html> <html> <head> <title>吹泡泡的魚-主页</title> <link rel=&qu ...
- EasyUI Layout 布局
1.在整个页面上创建布局(Layout) <!DOCTYPE html> <html> <head> <title>吹泡泡的魚-主页</title ...
- cocos js 3.8.1 clippingNode 不能被 ccui.ScrollView 或者ccui.Layout裁剪的bug
clippingNode不能被ccui.ScrollView.ccui.ListView.ccui.Layout裁剪问题,只需要 设置scrollView ...的裁剪类型 scrollView.se ...
- 前端框架easyui layout, Tabs,tree
一.三大前端框架的 1.easyui=jquery+html4(用来做后台的管理界面) 不要钱,开发速度快,不好看,不支持响应式 2.bootstrap=jquery+html5 好看,开发速度快,部 ...
- JQuery EasyUI Tree组件的Bug记录
记录一下使用项目中使用EasyUI遇到的bug,废话少说直接上菜 - _-(bug)..... bug :: .netcore创建一个web应用时候,会自动引入jQuery库以及一些插件,但是在 ...
随机推荐
- uploads 上传图片
public static function upFile($r,$p='../images/link/',$type='gif,jpg,png',$named=0){ $newnames = nul ...
- spring的自动装配(default-autowire="byName")
自动装配,官方给出的定义是这样:Spring IoC容器可以自动装配(autowire)相互协作bean之间的关联关系.因此,如果可能的话,可以自 动让Spring通过检查BeanFactory中的内 ...
- Linux配置apache等系列
1.Linux下安装.配置PHP环境 2.ubuntu12.0.4安装apache, php ,mysql 3 CentOs中mysql的安装与配置
- Oracle 中取当前日期的上个月最后天和第一天
前一月 最后一天select last_day(add_months(sysdate,-1)) from dual; 2010-2-28 9:23:01; select t ...
- Could not initialize class sun.awt.X11GraphicsEnvironment
报错:
- svn提交代码的原则
[1]先更新在提交 [2]多提交 [3]不要提交不能通过编译的代码 [4]每次提交必须书写明晰的标注 [5]提交时注意不要提交本地自动生成的文件 [6]不要提交自己不明白的代码 [7]慎用锁定功能
- 使用Ant打包工具 基本介绍
由于使用java,javac,jar等工具进行编译打包,即繁琐低效又容易出错,因此Ant出现了. Ant的出现就是专门为了打包编译java代码的,使用之前得稍微学一下.Ant的运行起来主要是依靠配置文 ...
- hdu 5317 RGCDQ(前缀和)
题目链接:hdu 5317 这题看数据量就知道需要先预处理,然后对每个询问都需要在 O(logn) 以下的复杂度求出,由数学规律可以推出 1 <= F(x) <= 7,所以对每组(L, R ...
- graph-tool文档(一)- 快速开始使用Graph-tool - 1.创建和操纵图
目录: 快速开始使用graph-tool 创建和操纵图 -- 遍历顶点和边 ----- 遍历所有顶点或边 ----- 遍历一个顶点的neighbourhood 名词解释: instante:实例 di ...
- java 反射机制的实例
[案例1]通过一个对象获得完整的包名和类名 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 package Reflect; /** * 通过一个对象获得完整的包名和类名 ...