实时更新jQuery变量？

Question

我正在使用jQuery创建一个具有可拖动引脚的地图，并且我创建了一个简单的函数来获取left和top CSS属性。唯一的问题是，如果我拖动引脚，变量不会实时更新。

是否可以实时更新变量？

http://jsfiddle.net/9w7cdn80/2/

$(function() {
     $("#pin").draggable();
});
$( document ).ready(function() {
     var yPos = $("#pin").css('top');
     var xPos = $("#pin").css('left');
     $('#wcd-y').val(yPos);
     $('#wcd-x').val(xPos);
});

Answer 1

绑定到drag事件。

$("#pin").draggable({
  drag: function() {
    // Update
  }
});