检索jQuery元素的X和Y位置

Question

一旦元素掉落,我需要检索元素的X和Y位置,我该如何实现呢？

我想我需要使用droppable回调:

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

Answer 1

伙计,你应该阅读文档的整个页面:

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

• ui.draggable - 当前可拖动元素,一个jQuery对象.
• ui.helper - 当前可拖动的助手,一个jQuery对象
• ui.position - 可拖动助手的当前位置{top:,left:}
• ui.offset - 可拖动助手的当前绝对位置{top:,left:}

droppable jQuery手册

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