我正在使用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函数来初始化dragulaPolymer({
is:"wapper-element",
ready: function() {
var drake = dragula([this.$.listL]), {
revertOnSpill: true,
});
});
EDIT2:
这是我在尝试拖动某些内容时看到的图像:
左下角是我每次看到的,当我拖动图像时,无论我在何处拖动元素,它都会停留在那里。那里没有任何元素,文本就出现在那里。
EDIT3:
解决方案:
问题的原因是我没有正确导入dragula.css。如果其他人遇到这个问题,我建议你确保你已经导入了dragula.css,并且正确地完成了。
答案 0 :(得分:0)
我认为你不能这样做。使用简单配置可以做的最好的事情是:
removeOnSpill: true
这将删除容器离开容器时被拖出的元素。
小提琴:http://jsfiddle.net/AtheistP3ace/e95nqyf9/1/
我甚至不确定你是否可以使用诸如设置display: none
之类的事件来伪装它,因为镜像是一个克隆,因此镜像是一个克隆,所以你应用的一个样式在另一个上镜像。
小提琴:http://jsfiddle.net/AtheistP3ace/e95nqyf9/
基本上在一天结束时跟随光标的是原始元素在某些方面,只是它的克隆。