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/

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

Dragula：如何使对象跟随光标

Dragula: how to make the object follow the cursor

javascript

dragula