drag-and-drop - angular-dragula - 总是拖到列表末尾

Question

我需要一些帮助。

我正在使用 angular-dragula.js 并且需要设置它，当您将任何对象拖到另一个列表时，它会走到最后。即使我掉到任何地方，他都会走到列表的末尾。

有谁知道我该怎么做？已经在各个地方进行了研究，但没有任何成功。

这是一个示例，但这仅适用于单击拖动时需要执行工作的项目。

jsFiddle 演示 在这里

drake = dragula([left1, right1]);
drake.on('drop', function(el, target, source, sibling){

});
var leftList = document.querySelector('#left1');
var rightList = document.querySelector('#right1');
var list = document.querySelectorAll('#right1 li, #left1 li');
for (var i = 0; i < list.length; i++) {
  list[i].addEventListener('click', function(){
            drake.start(this);
        if (this.parentNode.id == 'right1') {
        leftList.appendChild(this);
      } else {
        rightList.appendChild(this);
      }
      drake.end();
  });
}