Jquery 实现弹出层插件

        $(“#xsColse”).bind(“click”, function () { ClosePop(tag, mainContent); }); //绑定关闭动作
    }

　　4：关闭动作

这里要先把tag给容器，不然后面remove时会一起remove，第二次弹出就找不到tag了。

 //关闭弹出层
    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;
    //        });