jQueryUI - 检测元素是否正在被拖动

Question

我希望在元素拖动时获取其位置。

到目前为止，我的代码如下：

$(document).ready(function(){


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

    $("div").draggable();

})

这仅在页面加载时获取位置。我希望能够检测到div正在拖动的任何时刻，以便可以将其位置写入p标签中。

- John Black

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

- Vaibs_Cool

Answer 2

你应该查看jQuery官方文档的事件部分： http://jqueryui.com/draggable/#events drag事件将在拖动时触发，从那里你可以获得偏移量。例如：

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

- Mark