拖动后，我得到的所有元素的坐标都不正确，但第一个

Question

我的页面上有一些div元素。用户可以多次拖动它们中的任何一个。每次拖动后，我都需要获取被拖动的div的新坐标。

我的代码适用于div [0]：我实际上在每次新拖动后都会得到新的坐标。 问题在于所有其他div，如div [1]，div [2]，div [10] ......脚本在第一次拖动后获取坐标，但所有下一次坐标仍然相同。他们不会改变。

我试图清除变量，但这没有帮助。

这个问题可能是由什么引起的？我应该检查什么来找到解决方案？

我使用jQuery和jQuery UI。代码：

TRUE

Answer 1

尝试：

alert(ui.position.top, ui.position.left)

$match

整个代码：

$(document).ready(function(){ 
  $(".rD").draggable({
    stop: function(event, ui) { 
      // Use var keyword for your local variables
      // var rect = ui.helper[0].getBoundingClientRect();
      alert("top:" + ui.position.top + ", left: " + ui.position.left);
    }
  });
});