Interact JS draggable not working

Question

Webプロジェクトでdraggable/droppable機能を使用するためにinteract.jsを使用しようとしています。しかし、私が考えることができる最も簡単な例を使用すると、私は何かをするために引っ張ることができないようです。

私はconsole.logを取得しても、ターゲットはまったく動かないのです。 https://codepen.io/vickera/pen/KvRMMg

Answer 1

をあなたはこのような要素の位置を更新する必要があります：

interact(target).draggable({onmove: dragMoveListener}) 
function dragMoveListener (event) { 
    var target = event.target, 
    // keep the dragged position in the data-x/data-y attributes 
    x = (parseFloat(target.getAttribute('data-x')) || 0) + event.dx, 
    y = (parseFloat(target.getAttribute('data-y')) || 0) + event.dy; 

    // translate the element 
    target.style.webkitTransform = target.style.transform 
           = 'translate(' + x + 'px, ' + y + 'px)'; 
    // update the posiion attributes 
    target.setAttribute('data-x', x); 
    target.setAttribute('data-y', y); 
} 

ここcodepenで私の例を見ます