jQueryUI - Обнаружить, если элемент перетаскивается

Question

Я хочу получить позицию элемента, когда он перетаскивается.

Мой код до сих пор:

$(document).ready(function(){ 


    $("p").text($("div").position().left); 
    $("p").text($("div").position().top); 

    $("div").draggable(); 

}) 

Это получает только положение при загрузке страницы. Я хочу обнаружить, когда div будет тащиться, поэтому я могу написать его позицию в теге p.

Answer 1

$('#dragThis').draggable(
    { 
     drag: function(){ 
      var offset = $(this).offset(); 
      var xPos = offset.left; 
      var yPos = offset.top; 
      $('#posX').text('x: ' + xPos); 
      $('#posY').text('y: ' + yPos); 
     } 
    }); 

JSFIDDLE

Answer 2

Вы должны взглянуть на раздел событий официальной документации JQuery: http://jqueryui.com/draggable/#events

drag событие будет поднят во время тащат и оттуда вы можете получить смещение. Например:

$(this).offset().left; 
$(this).offset().top;