0

我有 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' insider parent div id="container" 完成拖动 div 时，如何获取左上角的位置（相对于父 div id=container）？

4

4 回答 4

3

你需要使用stop和position方法

$(function(){
    $('.demo').draggable({
        stop: function(event, ui) {
            alert('Left:' + $(this).position().left + ' Top:' + $(this).position().left);
        }
    }).resizable({
        stop:function(event,ui){}
    })
});
于 2012-05-10T09:31:52.253 回答
1

您可以使用 .position();

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

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

希望有帮助:)

于 2012-05-10T09:30:20.493 回答
1 
var top = $('#container').css('top')

and 

var left = $('#container').css('left')
于 2012-05-10T09:33:03.317 回答
1 
$(function(){
$('.demo').draggable()
.resizable({
stop:function(event,ui){}
alert($(this).css("top")+' '+$(this).css("left"));
})

});

可能是正确的

于 2012-05-10T09:42:08.737 回答