试图使用Shopify的Draggable模块很苗条,但是没有运气

关于使NPM模块与svelte一起使用的任何提示?我正在尝试使用Shopify的可拖动模块,但是没有运气。似乎可以很好地导入,但是拖放无效。没有错误,没有消息,什么都没有。

我的主要尝试是基于以下示例:https://codepen.io/RoyCurtis/pen/EevgbB

具体来说,我尝试在App.svelte文件中实现以下示例:

import Draggable from '@shopify/draggable';

let dropzones = document.querySelectorAll('.dropzone');

let droppable = new Draggable.Droppable(
  dropzones,{
    draggable: '.draggable',dropzone:  '.dropzone',mirror:    { constrainDimensions: true }
  }
);

这是我当前尝试的Github回购。如上所述,我的devo服务器没有错误,浏览器也没有错误。页面/应用程序加载并显示正常,但是没有拖放功能。

https://github.com/mundek/svelte-drag-drop

zrchuo 回答:试图使用Shopify的Draggable模块很苗条,但是没有运气

我没有意识到与可拖动相关的代码无法附加到尚未安装的DOM元素上。

苗条的Discord频道上的一位好心人共享了一个修复程序,现在该应用程序按计划工作:

https://github.com/mundek/svelte-drag-drop/commit/abeac03d869005f3d7485dd9d7d289709c8b2f65

本文链接:https://www.f2er.com/3131758.html

大家都在问