javascript - Dragula:如何使对象跟随光标

Question

我正在使用 Dragula，我试图让我拖动的对象跟随我的光标。我该怎么做。

编辑:也许值得注意的是这里的 html 是什么样的:

<div>
  <paper-menu id="listL">
     <template id="left" is="dom-repeat" items="{{leftList}}">
       <div>
         <custom-polymer-element></custom-polymer-element>
       </div>
     </template>
  <paper-menu>
<div>

我通过调用 Polymer 内部的 ready 函数来初始化 dragula:

Polymer({
  is:"wapper-element",
  ready: function() {
    var drake = dragula([this.$.listL]), {
      revertOnSpill: true,
    });
});

编辑2:
这是我尝试拖动某些东西时看到的图像:

左下角是我每次拖动图像时看到的内容，无论我将元素拖动到哪里，它都会留在那里。那里没有任何元素或任何东西，文本只是出现在那里。

编辑3:

解决方案:

问题的原因是我没有正确导入 dragula.css。如果其他人遇到此问题，我建议您确保已导入 dragula.css 并正确导入。

Answer 1

我不认为你能做到这一点。您可以使用简单配置做的最好的事情是使用:

removeOnSpill: true

这将在元素离开容器时从容器中删除被拖动的元素。

fiddle :http://jsfiddle.net/AtheistP3ace/e95nqyf9/1/

我什至不确定你是否可以使用像设置 display: none 这样的事件来伪造它，当在该元素上开始拖动时，因为镜像是一个克隆所以你应用到一个的任何样式都会镜像到另一个.

fiddle :http://jsfiddle.net/AtheistP3ace/e95nqyf9/

本质上，在一天结束时，光标后面的元素在某些方面是原始元素，只是它的克隆。