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的更多相关文章

  1. jQuery easyui layout布局自适应浏览器大小(转)

    首先解释一下标题的含义,当我们用jQuery easyui layout 进行布局的时候,可能会遇到这样一个问题,那就是当手工调整浏览器大小,或者最大化.还原窗口的时候,layout的某个区域不能填充 ...

  2. Easyui layout设置满屏效果

    html文件: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" ...

  3. 布局-EasyUI Panel 面板、EasyUI Tabs 标签页/选项卡、EasyUI Accordion 折叠面板、EasyUI Layout 布局

    EasyUI Panel 面板 通过 $.fn.panel.defaults 重写默认的 defaults. 面板(panel)当做其他内容的容器使用.它是创建其他组件(比如:Layout 布局.Ta ...

  4. easyui layout 折叠之后显示标题

    方法一:重载扩展panel收缩事件 (function($){ var buttonDir = {north:'down',south:'up',east:'left',west:'right'}; ...

  5. EasyUI Layout 添加、删除、折叠、展开布局

    <!DOCTYPE html> <html> <head> <title>吹泡泡的魚-主页</title> <link rel=&qu ...

  6. EasyUI Layout 布局

    1.在整个页面上创建布局(Layout) <!DOCTYPE html> <html> <head> <title>吹泡泡的魚-主页</title ...

  7. cocos js 3.8.1 clippingNode 不能被 ccui.ScrollView 或者ccui.Layout裁剪的bug

    clippingNode不能被ccui.ScrollView.ccui.ListView.ccui.Layout裁剪问题,只需要 设置scrollView ...的裁剪类型 scrollView.se ...

  8. 前端框架easyui layout, Tabs,tree

    一.三大前端框架的 1.easyui=jquery+html4(用来做后台的管理界面) 不要钱,开发速度快,不好看,不支持响应式 2.bootstrap=jquery+html5 好看,开发速度快,部 ...

  9. JQuery EasyUI Tree组件的Bug记录

    记录一下使用项目中使用EasyUI遇到的bug,废话少说直接上菜  - _-(bug)..... bug ::   .netcore创建一个web应用时候,会自动引入jQuery库以及一些插件,但是在 ...

随机推荐

  1. ASP.Net UpdatePanel控件(转)

      Asp.net UpdatePanel 允许用户构建一个丰富的,以客户端为中心的应用程序,引用UpdatePanel控件,能够实现页面的部分刷新,一个包含scriptManage和 UpdateP ...

  2. [转]十款提高开发效率的PHP编码工具

    1 . PHPUnit 测试在软件开发中是相当重要的一环,但很多开发者都只是给予很少的时间去测试,因为这工作的确相当耗时,枯燥并且容易出错.为了解决以上问题,自动化测试工具能让开发者编写一系列测试脚本 ...

  3. 通过注解(annotation)配置Bean

    Spring能够在classpath下自动扫描,侦测和实例化具有特定注解的组件,这在Spring中成为组件扫描(Component scanning). 特定组件的注解包括: @Component:基 ...

  4. android平台的技术架构

    Android平台采用了软件堆层(Software Stack)的架构,主要分为四个部分: 1.应用软件 Android 连同一个核心应用程序包一起发布,该应用程序包包括E-mail客户端.SMS短消 ...

  5. iOS——MVVM设计模式

    一.典型的iOS构架——MVC 在典型的MVC设置中,Model呈现数据,Vie呈现用户界面,而ViewController调节它两者之间的交互. 虽然View和View Controller是技术上 ...

  6. android设置软键盘搜索键以及监听搜索键点击时发生两次事件的问题解决

    在输入框中加入android:imeOptions="actionSearch",调用软键盘时,回车键就会显示搜索二字. 我想在点击搜索时,跳转到下一个页面,但是调用setOnKe ...

  7. Three.js 3D特效学习

    一.Three.js基本介绍 Three.js是JavaScript编写的WebGL第三方库.提供了非常多的3D显示功能.Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场 ...

  8. 20160805_CentOS6_键盘快捷键

    1. 系统 -->首选项 --> 键盘快捷键 2. 3.

  9. 工作常用的linux/mysql/php/工具命令

    工作常用的linux/mysql/php/工具命令: 1. tar备份目录 tar zcvf ****.tar.gz ****/ tar 备份跳过目录 tar --exclude=test1 3. s ...

  10. 可视化工具之 IGV 使用方法

    整合基因组浏览器(IGV)是一种高性能的可视化工具,用来交互式地探索大型综合基因组数据.它支持各种数据类型,包括array-based的和下一代测序的数据和基因注释. IGV这个工具很牛,发了NB: ...