3

我需要检索一个元素的 X 和 Y 位置，一旦它被删除，我该如何实现呢？

我想我需要使用 droppable 回调：

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

3 回答 3

5

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

所有回调都接收两个参数：原始浏览器事件和准备好的 ui 对象，请查看下面的此对象的文档（如果您将第二个参数命名为“ui”）：

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

可放置的 jQuery 手册

$(".portletPlaceHolder").droppable({
    drop: function (evt, ui) {
        var offset = ui.offset;
        console.log(offset.left + "x" + offset.top);
    }
});
于 2012-05-18T09:00:59.917 回答
2

Use .offset()

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

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

UPDATE

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

This one is Awsm Show Dynamic Coordinates of cursor movement

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

于 2012-05-18T09:01:39.083 回答
-1

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

$('yourselector').position();
于 2012-05-18T08:54:09.160 回答