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当我尝试拖动东西时看到的图像:
左下角是我每次看到的内容,当我拖动图像并且它停留在那里时,无论我拖动元素的位置如何。这里没有任何元素,文本就出现在那里。
EDIT3:
解决方案:
问题的原因是,我是不是进口dragula.css正确。如果有其他人遇到这个问题,我会建议确保你已经导入了dragula.css并且做得正确。
我不认为你可以这样做。你可以用简单的配置做的最好的是使用:
removeOnSpill: true
这将删除元素从容器中被拖动,当它离开容器就结束了。
小提琴:http://jsfiddle.net/AtheistP3ace/e95nqyf9/1/
我不是连你可以伪造它使用的事件,如该元素在拖动开始时,因为镜子是一个克隆,所以你申请一个什么造型被镜像的其他设置display: none
肯定。
小提琴:什么是继光标在一天结束http://jsfiddle.net/AtheistP3ace/e95nqyf9/
本质上是在某些方面的原始元素,只是它的克隆。
我的问题是,当我移动光标时,我甚至没有看到任何被拖动的东西,我看到的是当我将鼠标悬停在另一个有效容器上时出现的幻象元素,然后是设置为mirrorContainer图像的图像的另一个副本document.body默认。 – Ulsting
你在你的代码中包含了dragula的CSS吗? – AtheistP3ace
我已经这么做了,是的。 – Ulsting
默认情况下,你拖动的是你的光标。我不确定你在问什么? – AtheistP3ace
每当我拖动一个对象时,我都会看到在mirrorContainer中复制的对象,但该对象不跟随我的光标。 – Ulsting
好吧,你想要实际的元素移动,而不是它创建的镜像的人? – AtheistP3ace