Jquery ui jqueryui可拖动&；同时定位

我想同时使用jQuery UI可拖动模块和位置小部件来创建响应性强的内容。
但是，我找不到任何用法示例。我已经创建了一个简单的演示

问题是当我拖动时，我如何更新元素的偏移量

<div class="element" 
     data-x="right" 
     data-y="top" 
     data-offset-x="-25" 
     data-offset-y="+45" >Draggable Element</div>

Draggable元素

您可以将侦听器附加到拖动事件，以更新偏移量。大概是这样的：

$(this).draggable({
  containment: "#zone",
  cursor: 'move',
    drag: function(event, ui) { 
        $(event.target).data('offset-x', "+" + ui.offset.left);
        $(event.target).data('offset-y', "+" + ui.offset.top);
    }
});