3

我正在使用 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：
这是我尝试拖动某些东西时看到的图像：

在此处输入图像描述

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

编辑3：

解决方案：

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

4

1 回答 1

0

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

removeOnSpill: true

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

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

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

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

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

于 2015-11-19T17:51:16.963 回答