Dragula:如何使对象跟随光标

时间:2015-11-19 17:21:34

标签: javascript dragula

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

enter image description here

左下角是我每次看到的,当我拖动图像时,无论我在何处拖动元素,它都会停留在那里。那里没有任何元素,文本就出现在那里。

EDIT3:

解决方案

问题的原因是我没有正确导入dragula.css。如果其他人遇到这个问题,我建议你确保你已经导入了dragula.css,并且正确地完成了。

1 个答案:

答案 0 :(得分:0)

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

removeOnSpill: true

这将删除容器离开容器时被拖出的元素。

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

我甚至不确定你是否可以使用诸如设置display: none之类的事件来伪装它,因为镜像是一个克隆,因此镜像是一个克隆,所以你应用的一个样式在另一个上镜像。

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

基本上在一天结束时跟随光标的是原始元素在某些方面,只是它的克隆。