javascript - 扩展 jsplumb.draggable 拖动行为

Question

我确定我在这里遗漏了一些东西，但我想使用附加到端点的 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 中的拖动:函数。绑定(bind)行为here越来越近了，但我想定位附加到端点的 div。如果我覆盖 drag: 功能，我将丢失 jsPlumb.draggable 属性。预先感谢您的帮助。

Answer 1

在版本 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
  }
});