Javascript-如何在拖动后获得矩形、圆形坐标？

拖动后如何获取my

rect1

和

circle1

的

coords

值

（例如，在以后的地图元素中使用。

jQuery UI可拖动-默认功能
#母公司{
位置：绝对；顶部：0px；左侧：0px；宽度：1280px；高度：720px；
背景色：红色；
}
#rect1{宽度：150px；高度：150px；填充：0.5em；}
.环基{
边界半径：50%；
行为：url（PIE.htc）；/*如果不关心IE8，请删除*/
}
.type1{
宽度：100px；
高度：100px；
背景：黄色；
边框：3倍纯红；
}
//
//！！！重要！！！进球
// ============================= ******
//拖动后获取坐标，并将最后一个值存储在此处
// ============================= ******
//
var rect_coords=“”；
var circle_coords=“”；
$（函数（）{
$（“#rect1”）.draggable（{containment:“parent”}）；
$（“#circle1”）.draggable（{containment:“parent”}）；
});
直肠

圈

你可以这样做

$(function(){
$( "#rect1" ).draggable({ containment: "parent" });
$( "#circle1" ).draggable({ containment: "parent" });
$( "#parent" ).droppable({
  drop: function( event, ui ) {
   //$("#parent").each(function (i, el) {    
    var coords= event.toElement.getBoundingClientRect();
    alert(coords);
    // now rect has all the attributes
  //});
  }
});
});

1） 它给了我左值和顶值，但在坐标中我需要4个值。2） 如何从你的2个值（左，上）中得到4个值？试试这个，当我拖动rect1或circle1时，让我知道这是否有用。这两个值一直给我相同的值`bottom:722 height:722 left:0 right:1282 top:0 width:1282`实际上它在所有元素中循环，每次你都会得到圆的坐标，让我简单地说一下you@YumYumYum试试这个
$(function(){
$( "#rect1" ).draggable({ containment: "parent" });
$( "#circle1" ).draggable({ containment: "parent" });
$( "#parent" ).droppable({
  drop: function( event, ui ) {
   //$("#parent").each(function (i, el) {    
    var coords= event.toElement.getBoundingClientRect();
    alert(coords);
    // now rect has all the attributes
  //});
  }
});
});