Найти положение левого верхнего угла, когда отделка перетаскиванием ДИВ

Question

У меня есть 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); 
}) 

}); 

Как извлечь позицию левый верхний угол (относительно родительского div id = container), когда я заканчиваю перетаскивание div с классом = 'demo' инсайдерским родителем 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")); 
}) 

}); 

Может быть, это правильно