Question

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

    <script>
$(function() {
    $("#video").draggable({ containment: "#container2", scroll: false });
    $("#umbrella").draggable({ containment: "#container2", scroll: false });
            $("#plane").draggable({ containment: "#container2", scroll: false });
            $("#peace").draggable({ containment: "#container2", scroll: false });
            $("#thought").draggable({ containment: "#container2", scroll: false });
    $("#thought2").draggable({ containment: "#container2", scroll: false });
    $("#beachball").draggable({ containment: "#container2", scroll: false });
});
</script>

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

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

任何帮助将不胜感激！

提前谢谢

安德鲁

Answer 1

试试这个：

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

演示：http://jsfiddle.net/codef0rmer/FXwME/

可以在此处找到更多信息：http://jqueryui.com/demos/draggable/#event-stop

Answer 2

jQuery解决方案：

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

现在，您可以使用

divPos.left

divPos.right

divPos.top

和

divPos.bottom

来获得精确的坐标。

有关.position（）的更多信息，请查看此处：http://api.jquery.com/position/

dragdrop在页面上保存div / img位置

2 个答案: