jQueryUI - 检测元素是否被拖动

Question

我希望得到一个元素在被拖动时的位置。

我的代码到目前为止：

$(document).ready(function(){


    $("p").text($("div").position().left);
    $("p").text($("div").position().top);

    $("div").draggable();

})

这只会在页面加载时获取位置。 我想检测div何时被拖动，所以我可以在p标签中写出它的位置。

Answer 1

$('#dragThis').draggable(
    {
        drag: function(){
            var offset = $(this).offset();
            var xPos = offset.left;
            var yPos = offset.top;
            $('#posX').text('x: ' + xPos);
            $('#posY').text('y: ' + yPos);
        }
    });

的jsfiddle

Answer 2

你应该看一下jQuery官方文档的events部分： http ： //jqueryui.com/draggable/#events

drag事件将在被拖动时被提升，并且从那里可以获得偏移量。 例如：

$(this).offset().left;
$(this).offset().top;