Jquery 实现弹出层插件(2)

 //关闭弹出层
    function ClosePop(tag, mainContent) {
        $(mainContent).append(tag); //保存，不然第四步的 $("#xsPop").remove()会把tag清空掉
        $(tag).hide();
        $(".mask").remove();
        $("#xsPop").remove();
    }

5：拖拽效果

方法一：第一次找到的是利用元素的事件，但是很容易出现元素丢失问题，效果不太理想

复制代码 代码如下:

    //弹出层的拖拽（失败的方法，会出现对象丢失）
    //control 为拖拽的元素，tag为动作的元素，一般control在tag内
    //    function drag(control, tag) {
    //        var isMove = false;
    //        var abs_x = 0, abs_y = 0;
    //        $(control).mousedown(
    //            function (event) {
    //                var top = $(tag).offset().top;
    //                var left = $(tag).offset().left;
    //                abs_x = event.pageX - left;
    //                abs_y = event.pageY - top;
    //                isMove = true;
    //            }).mouseleave(function () {
    //                isMove = false;
    //            });
    //        $(control).mouseup(function () {
    //            isMove = false;
    //        });
    //        $(document).mousemove(function (event) {
    //            if (isMove) {
    //                $(tag).css({
    //                    'left': event.pageX - abs_x + $(tag).width() / 2 - 1,
    //                    'top': event.pageY - abs_y + $(tag).height() / 2 - 1
    //                });
    //            }
    //            return false;
    //        });
    //    }

方法二，本人目前采用的方法，利用document的down和up，但是还要有些许问题，移动过快的问题，坐标有小小的跳动现象