完成拖动div后找到左上角的位置

Question

我有div 容器和内部的几个div 和类演示，例如

<div id='container' style='width:500px;height:500px;'>
<div class='demo' style='width:100px;height:100px;'></div>
<div class='demo' style='width:100px;height:100px;'></div>
<div class='demo' style='width:100px;height:100px;'></div>
</div>

和函数内部在 jquery 中准备就绪

$(function(){
$('.demo').draggable()
.resizable({
stop:function(event,ui){}
alert(ui.size.width+' '+ui.size.height);
})
});

当我使用 class='demo' 完成拖动div 时，如何获取左上角的位置（相对于父div id=container）内部父div id="container"？

Answer 1

你需要使用stop和position方法

$(function(){
    $('.demo').draggable({
        stop: function(event, ui) {
            alert('Left:' + $(this).position().left + ' Top:' + $(this).position().left);
        }
    }).resizable({
        stop:function(event,ui){}
    })
});

Answer 2

你可以

使用 .position（）;

获取匹配集合中第一个元素的当前坐标 元素，相对于偏移父项。

更多信息在这里： http://api.jquery.com/position/

希望对:)有所帮助

Answer 3

var top = $('#container').css('top')
and 
var left = $('#container').css('left')

Answer 4

$(function(){
$('.demo').draggable()
.resizable({
stop:function(event,ui){}
alert($(this).css("top")+' '+$(this).css("left"));
})
});

也许是正确的