获取可拖动元素相对于元素（内部）的位置

Question

我有一些可拖动的文本，我想在一个元素内获取它的坐标。

通过以下代码可拖动文本：

$("span.output").draggable({
    stop: function(event, ui) {}
});

我也有这段代码，应该使可拖动文本成为可拖动文本所在元素的子代：

$('.container').on('drop', function(event, ui){
    $(this).append(ui.draggable);
});

当我尝试$('#text1').position(); 在控制台中，当可拖动文本位于容器中时，我得到以下坐标：

Object {top: 57.11805772781372, left: 779.4444580078125}

不幸的是，这些都是错误的。 我尝试做的事情甚至可能吗？ 如果是这样，我该怎么办？

Answer 1

这就是问题。

您正在使用

$('#text1').position();

它将给出相对于容器的位置。

如果要相对于文档的位置，请使用此位置。

$('#text1').offset();

它具有$('#text1').offset().left和$('text1').offset().right

这可能会有所帮助。