扩展 jsplumb.draggable 拖动行为

我确信我在这里遗漏了一些东西，但我想使用附加到端点的 jsPlumb.draggable 类属性来扩展 div 的拖动行为，同时保留 jsPlumb.draggable 属性。

我想要这样的东西（改编自这个SO):

$('#dragcodes').draggable(
    {
        drag: function(){
        var offset = $(this).offset();
        var xPos = offset.left;
        var yPos = offset.top;
        console.log('x: ' + xPos);
        console.log('y: ' + yPos);
    }
});

在使用以下命令创建的元素上：

jsPlumb.draggable($(".dragcodes"));

这是一个example我正在尝试做的事情。我希望顶部的框像底部的框一样读取拖动时的位置，但无法弄清楚如何破解 jsPlumb.draggable 中的 Drag: 函数。绑定行为here正在接近，但我想定位附加到端点的 div。如果我覆盖了 Drag: 功能，我就会丢失 jsPlumb.draggable 属性。在此先感谢您的帮助。

在版本 1.6.3 中，以下代码有效：

jsPlumb.draggable("#dragcodes", {
  drag: function (event, ui) { //gets called on every drag
    console.log(ui.position);  //ui.position.left and ui.position.top
  }
});