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这么一个动画效果的方法。其次是认为人家的框架应该是很健壮的，不可能改的动，说白了就是缺乏自信吧。

　　又是一个中秋，桂花香气四溢

转载于:https://www.cnblogs.com/xienb/p/3273143.html

easyui layout 收缩的bug相关推荐

Asp.net WebForm中应用Jquery EasyUI Layout
Asp.net WebForm中应用Jquery EasyUI Layout 按照EasyUI文档中的示例,编写layout代码: <body class="easyui-layout ...
EasyUI -- Layout（布局）
第一章介绍 EasyUI – Layout(布局)将布局容器分成了5个区域,分别是:east(东).west(西).south(南).north(北)和center(中).center(中)区域是必 ...
网站前端_EasyUI.基础入门.0009.使用EasyUI Layout组件的最佳姿势?
1. 基础布局 <div id="l" class="easyui-layout" data-options="width:500,height ...
cocos js 3.8.1 clippingNode 不能被 ccui.ScrollView 或者ccui.Layout裁剪的bug
clippingNode不能被ccui.ScrollView.ccui.ListView.ccui.Layout裁剪问题,只需要设置scrollView ...的裁剪类型 scrollView.se ...
EasyUI Layout实现tabs标签
一.概述: 1.引入jquery.js与easyUi相关文件 2.效果如图: 二.创建Layout主页: <%@ page language="java" pageEncod ...
easyUI layout 中使用tabs+iframe解决请求两次方法
demo中的事例在加载tab页面时是 1 functioncreateFrame(url) {2 var s = '<iframe name="iframepanel" sc ...
JQuery EasyUI Layout 在from布局自适应窗口大小
在JQuery EasyUI中,如果直接在form上布局时当窗口大小调整布局不会改变,将布局应用于body时中间隔着一个form,横竖不好弄. 网上有多个解决方案,一般都是写代码,在窗口大小改变时设置 ...
easyUI Layout
@author YHC 覆盖默认属性$.fn.layout.defaults layout是一个容器,它有5个区域:north(北丐),south(南帝),east(东邪),west(西毒),cent ...
关于onenote2016遇到的页面大片空白无法正常收缩的bug
问题示意解决办法1: 将页面中的信息复制到新的一页后恢复正常简单高效省事解决办法2: 这个办法有点麻烦,但是本质是对原来的页面的修复,不需要创建新页面,然后把旧页面的内容搬到新页面. 那么 ...

easyui layout 收缩的bug

easyui layout 收缩的bug相关推荐

最新文章

热门文章