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,
    });
});

EDIT2：
这是我尝试拖动某些东西时看到的图像：

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

EDIT3：

解决方案：

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

Answer 1

我认为你做不到。使用简单配置可以做的最好的事情是使用：

removeOnSpill: true

当元素离开它所在的容器时，这将删除从容器中拖动的元素。

小提琴：http://jsfiddle.net/AtheistP3ace/e95nqyf9/1/

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

小提琴：http://jsfiddle.net/AtheistP3ace/e95nqyf9/

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