javascript - 获取div的X,Y位置

Question

我有 3x3 的 jQuery div 列表:

div1 div2 div3
div4 div5 div6
div7 div8 div9

当拖放一个 div 时，我想获得它相对于其他 div 元素的 X 和 Y 位置。因此，如果 div1 被拖到 div3 位置，我需要检索代表 div1 新位置的位置 0,3。我需要使用插件吗？

所以只需要像这样覆盖 droppable 并获得位置:

$( ".myClass" ).droppable({ drop: function( event, ui ) 
            { 
alert('my position in relation to other divs is '+????
            } 
        });  

我添加了一个 jsFiddle:http://jsfiddle.net/aL3tr/ 可以检索掉落元素的 X 和 Y 坐标吗？在这种情况下，Y 位置将始终为零。

Answer 1

我 fork 了你的 fiddle :http://jsfiddle.net/44R97/检查 #sortable-list 中的位置:

stop: function() {
    var myPos = $('#sortable').find('li.ui-draggable');
    alert("I am at position "+($('#sortable').find('li').index(myPos)+1));
}

请注意，.index() 从 0 开始计数。因此我在结果中加了 1...