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库以及一些插件,但是在 ...
随机推荐
- iOS - Swift NSRect 位置和尺寸
前言 结构体,这个结构体用来表示事物的坐标点和宽高度. public typealias NSRect = CGRect public struct CGRect { public var origi ...
- Python学习(8)字符串
目录 Python 字符串 Python 访问字符串中的值 Python 字符串更新 Python 转义字符 Python 字符串运算符 Python 字符串格式化 Python 三引号 Unicod ...
- Path,Files巩固,题目:从键盘接收两个文件夹路径,把其中一个文件夹中(包含内容)拷贝到另一个文件夹中
这个题目用传统的File,InputStream可以做,但是如果用Files,Path类做,虽然思路上会困难一些,但是代码简洁了很多,以下是代码: import java.io.IOException ...
- 【spring-quartz】 定时调度,时间设置
. CronTrigger时间格式配置说明 CronTrigger配置格式: 格式: [秒] [分] [小时] [日] [月] [周] [年] 序号 说明 是否必填 允许填写的值 允许的通配符 1 ...
- Java Date与SimpleDateFormat
最近在弄一些涉及到时间处理的项目.本来自己写了一个时间转换函数,虽然能用但是过于麻烦而且不够规范,于是学习了下java自带的时间处理的类. public class Timechg { public ...
- Python 学习笔记 - 10.类(Class) 1
定义 Python 的 Class 比较特别,和我们习惯的静态语言类型定义有很大区别. 1. 使用一个名为 __init__ 的方法来完成初始化.2. 使用一个名为 __del__ 的方法来完成类似析 ...
- VC++时间函数总结
目录 第1章基本概念 1 1.1 基本概念 1 1.2 时间表示法 2 第2章 Win32 API 3 2.1 获取 3 2.1.1 时间间隔 3 2.1.2 时刻 ...
- MYSQL 表结构的修改
-- 修改字段 默认值 ALTER TABLE house_owner ALTER COLUMN addr SET DEFAULT ""; -- 修改字段 名称 COMMENT & ...
- 任性,新建对象不用new
先看最简单的一个例子: window.meng = window.meng || {}; (function () { /** * * @param {Number}width * @param {N ...
- 20145218 《Java程序设计》课程总结
20145218 <Java程序设计>课程总结 每周读书笔记链接汇总 20145218<Java程序设计>第一周学习总结 20145218<Java程序设计>第二周 ...