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;