javascript - 拖动完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' inside 父 div id="container"完成拖动 div 时，如何获取左上角的位置(相对于父 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){}
    })
});