可拖動面板

 

js

dragFunc: function (id) {
                var titile = $('#' + id);
                var parent = titile.parent();

                var isDown = false;

                var startx = 0;
                var starty;
                var startLeft;
                var startTop;

                titile.mousedown(function (e) {
                    isDown = true;
                    startx = e.clientX;
                    starty = e.clientY;
                    startLeft = parseInt(parent.offset().left);
                    startTop = parseInt(parent.offset().top);

                });

                $(document).mousemove(function (e) {
                    titile.css('cursor', 'move');
                    if (isDown) {
                        parent.offset({
                            left: e.clientX - (startx - startLeft),
                            top: e.clientY - (starty - startTop)
                        });
                    }
                });

                titile.mouseup(function () {
                    isDown = false;
                });
            }

　　

* 綁定鼠標移動事件到 document上 

爲何：

這個我也寫過拖動的  遇到和你同樣的狀況 
 確實是div不能綁定mousedown 或者mouse什麼的事件  只能是整個頁面綁定  ，許多網上的教程例子都沒有綁定div層的。
綁定在div上 鼠標移出div層 事件就消失了，綁定document 也就是整個頁面都有這個事件。