Javascript 第页上的dragdrop保存div/img位置

我目前正在使用这种方法，它允许我在div中拖放div/img（基于周长）

$（函数（）{
$（“#视频”）.draggable（{containment:#container2”，滚动：false}）；
$（“#伞”）.draggable（{包含：#容器2”，滚动：false}）；
$（“#平面”）.draggable（{containment:#container2”，滚动：false}）；
$（“#和平”）.draggable（{containment:#container2”，滚动：false}）；
$（“#思想”）.draggable（{containment:#container2”，滚动：false}）；
$（“#thought2”）.draggable（{containment:#container2”，scroll:false}）；
$（“#海滩球”）.draggable（{containment:#container2”，滚动：false}）；
});

我试图将DIV的拖放保存在parimiter DIV中的确切位置，并将其发送到MYSQL表中，该表将告诉浏览器将来（或保存后）应将其放置在何处

我只是不确定如何通过JS或JQUERY获得准确的坐标

任何帮助都将不胜感激

先谢谢你

安德鲁

试试这个：

$( "#video" ).draggable({
           stop : function () {
               alert("X=" + $(this).position().left + ", Y=" + $(this).position().top);
           } 
});

演示：

更多信息可在此处找到：

jQuery解决方案：

var divPos = $('#div').position();

现在您可以使用divPos.left divPos.right divPos.top和divPos.bottom来获得精确的坐标

divPos.left

---

有关.position（）的更多信息，请查看此处：

将尝试以上方法：d以了解其工作原理。你试过我在你的代码中建议的更改了吗？它在那里起作用了吗？我不是问这个问题的那个人，所以不，我没有试过这些更改。我尝试在JSFIDLE的侧栏上添加jQuery和jQuery UI，现在演示成功了。你在说什么URL？用你的URL替换我答案中的演示URL。 divPos.left divPos.right divPos.top divPos.bottom