Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/460.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/oop/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Dragula:如何使对象跟随光标_Javascript_Dragula - Fatal编程技术网

Javascript Dragula:如何使对象跟随光标

Javascript Dragula:如何使对象跟随光标,javascript,dragula,Javascript,Dragula,我正在使用Dragula,我正在尝试使我正在拖动的对象跟随我的光标。我该怎么做呢 编辑:也许值得注意这里的html是什么样子的: <div> <paper-menu id="listL"> <template id="left" is="dom-repeat" items="{{leftList}}"> <div> <custom-polymer-element></custom-po

我正在使用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>
编辑2:
下面是我尝试拖动某个对象时看到的图像:

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

编辑3:

解决方案


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

我认为您无法做到这一点。使用简单配置可以做到的最好方法是:

removeOnSpill: true
这将在元素离开容器时从容器中移除正在拖动的元素

小提琴:

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

小提琴:


实际上,在一天结束时,光标后面的内容在某些方面是原始元素,只是它的一个克隆。

默认情况下,拖动的内容会跟随光标。我不知道你在问什么?每当我拖动一个对象时,我都会看到该对象在mirrorContainer中复制,但该对象不跟随我的光标。确定要实际元素移动,而不是它创建的镜像对象吗?是,没错。你能显示一下初始化dragula的配置吗?我的问题是,当我移动光标时,我甚至看不到任何东西被拖动,当我将鼠标悬停在另一个有效容器上,然后是另一个图像副本(默认设置为document.body的mirrorcainer图像)时,我看到的只是一个ghost元素出现。@如果您可以创建一个fiddle并重现该问题,我可以提供帮助,但正如您在fiddle中看到的,我的答案是,您可以看到我所在的元素拖拉得很清楚。@Ulsting我以前也见过这种情况,因为dragula中的CSS没有包括在内。你确定它被正确地包含了吗?我从同一个dist文件夹中获取它,我从OK获取dragula.js。如果您可以在JSFIDLE中重现这个问题,我可以提供帮助,但在这一点上,我看不到您看到了什么。
removeOnSpill: true