检索jQuery元素的X和Y位置

Question

一旦元素被删除，我需要检索它的X&Y位置，我如何实现这一点？

我想我需要使用droppable回调函数：

$(".portletPlaceHolder").droppable({
    drop: function( event, ui ) {
        //...
    }
});

Answer 1

伙计，你应该阅读文档上的整个页面：

所有回调都会收到两个参数:原始浏览器事件和一个准备好的ui对象，请查看下面有关此对象的文档(如果您将第二个参数命名为'ui')：

左上角-当前可拖动元素，左上角-当前可拖动助手，左上角-可拖动助手的当前位置{ object.

• ui.helper：，：}
• ui.offset -当前可拖动助手的绝对位置{ jQuery：，jQuery：}

droppable jQuery manual

$(".portletPlaceHolder").droppable({
    drop: function (evt, ui) {
        var offset = ui.offset;
        console.log(offset.left + "x" + offset.top);
    }
});

Answer 2

使用.offset()

<script>
   var p = $("p:last");
   var offset = p.offset();
   p.html( "left: " + offset.left + ", top: " + offset.top );
</script>

http://api.jquery.com/offset/

更新

http://www.jquery4u.com/snippets/jquery-coordinates-element/#.T7YW7Nz9Mi0 http://www.quirksmode.org/js/dragdrop.html http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/clientX.htm

Awsm显示光标移动的动态坐标

http://www.diffusedreality.com/content.html

Answer 3

您可以使用检索顶部和左侧位置的position()函数

$('yourselector').position();