jQuery мышь в положении div

Question

Я пытаюсь создать плагин draggabble для jquery, и он выглядит так:

(function($){   
$.fn.drag = function(){

    var element = this;

    $(element).mousedown(function(){

        $(window).bind("mousemove",function(e){
            $(element).css({"position" : "absolute"});
            $(window).css({"-webkit-user-select": "none"});

            var pos = $(element).position();


            $(element).css({"left" : e.pageX+"px"});
        });
    });
};
})(jQuery);

но когда mousemove () происходит, div переходит в положение, в котором курсор находится в его верхнем левом углу. Это работает, но только из верхнего левого угла div. Поэтому мой вопрос заключается в том, как кодировать CSS, поэтому, когда я нажимаю кнопку мыши и начинаю перемещать курсор на экране, перетаскивание происходит только из занятой позиции. Пользовательский интерфейс jQuery сделал это, но я не смог найти его в коде. Надеюсь, вы поняли это. Заранее спасибо!

Answer 1

Из этого jQuery-урока вам просто нужно использовать смещение элемента относительно текущего элемента.

Пример кода на jsfiddle .

Answer 2

Вы должны сместить его в зависимости от положения курсора в элементе.