Dragula:如何使对象跟随光标

问题描述:

我正在使用Dragula,我试图让我拖动的对象跟随我的光标。我将如何去做这件事。Dragula:如何使对象跟随光标

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

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

EDIT2:
这里是

<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> 

我通过调用内部聚合物的现成功能初始化dragula当我尝试拖动东西时看到的图像:

enter image description here

左下角是我每次看到的内容,当我拖动图像并且它停留在那里时,无论我拖动元素的位置如何。这里没有任何元素,文本就出现在那里。

EDIT3:

解决方案

问题的原因是,我是不是进口dragula.css正确。如果有其他人遇到这个问题,我会建议确保你已经导入了dragula.css并且做得正确。

+0

默认情况下,你拖动的是你的光标。我不确定你在问什么? – AtheistP3ace

+0

每当我拖动一个对象时,我都会看到在mirrorContainer中复制的对象,但该对象不跟随我的光标。 – Ulsting

+0

好吧,你想要实际的元素移动,而不是它创建的镜像的人? – AtheistP3ace

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

removeOnSpill: true 

这将删除元素从容器中被拖动,当它离开容器就结束了。

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

我不是连你可以伪造它使用的事件,如该元素在拖动开始时,因为镜子是一个克隆,所以你申请一个什么造型被镜像的其他设置display: none肯定。

小提琴:什么是继光标在一天结束http://jsfiddle.net/AtheistP3ace/e95nqyf9/

本质上是在某些方面的原始元素,只是它的克隆。

+0

我的问题是,当我移动光标时,我甚至没有看到任何被拖动的东西,我看到的是当我将鼠标悬停在另一个有效容器上时出现的幻象元素,然后是设置为mirrorContainer图像的图像的另一个副本document.body默认。 – Ulsting

+0

你在你的代码中包含了dragula的CSS吗? – AtheistP3ace

+0

我已经这么做了,是的。 – Ulsting