Question

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

我想我需要使用droppable回调：

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

Answer 1

Mate，您应该阅读文档的整个页面：

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


ui.draggable - 当前可拖动元素，jQuery对象。

ui.helper - 当前可拖动的助手，一个jQuery对象

ui.position - 可拖动助手的当前位置{top：，left：}

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

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();

检索X＆amp; jQuery元素的Y位置

3 个答案: