扩展--实现右侧滑出弹层效果

最近写一个项目，前端用的是EasyUI，遇到了一个页面的筛选条件占了半屏幕....

想着来个分离，把不常用的刷选分离出来以改善页面展示效果，就想到了右侧滑出页面的方式，把搜索条件放到右侧滑出来的页面中。看了半天的API文档头疼的发现没有，又百度了半天，还是失望了...最后的最后还是自行扩展。

莫急..废话说完了...

基础用的easyui的 panel 和 layer 的load 效果。

实现以下功能：

• 右侧滑出层
• 自定义层宽度、名称
• 是否展示遮罩层
• 点击遮罩层自动关闭层
• 滑出几滑入回调事件
• 跟随窗口变化自动调整弹出层高度
• 木有了...

具体实现代码：

​
(function ($) {

    $.fn.extend({

        panelLayer: function (options) {

            var win_With = $(window).width();
            var win_Height = $(window).height();
            var $layer;
            var layer_index;
            var $o = $(this);
            var pLayer = {
                Flag: 'FLAG_PANEL_LAYER',
                Exist: function () {
                    var $panel = $o.parent();
                    if ($panel.hasClass(pLayer.Flag)) {
                        return true;
                    }
                    return false;
                },
                Init: function (options) {
                    if (pLayer.Exist()) {
                        retur