微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何使用 SortableJS 仅检测 drop 事件

如何解决如何使用 SortableJS 仅检测 drop 事件

客户有一个使用 SortableJS 的项目,但不能在列表之间移动,相反,它用于从列表中选择给定的项目,并将其“放到”给定的超链接中。 我们需要能够检测到 drop 事件,但要防止对 DOM 进行任何修改,因为我们只需要数据,我们还需要防止克隆。

这是我们目前所拥有的

源配置:

    new Sortable(cardsContainer,{
    animation: 200,ghostClass: 'dragging',sort: false,forceFallback: true,group: {
        name: 'shared',pull: true,// To clone: set pull to 'clone',revertClone: true
    },onStart: function (evt) {
        createDropSortable();
        menuWrapper = document.querySelector('.sidebar-menu');
        observer.observe(menuWrapper,{ attributes: true,childList: true,subtree: true });
    }
});

目标配置(锚点/链接):

    document.querySelectorAll('.drop-Box').forEach(dropBox => {
    new Sortable(dropBox,{
        group: {
            name: 'shared'
        },ghostClass: "dropping",animation: 200,filter: '.drop-Box',onAdd: function (evt) {
        }
    });
})

知道我们可以做什么吗?

感谢您的帮助。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。