Javascript Dragula-将元素从一个容器拖动到不同的元素

我的问题与德拉古拉有关

我试图从一个容器中拖动元素，然后将它们（复制而不是移动）放到不同的容器中。因此，通过这种方式，我有一个容器，其中包含要拖动的元素，我想将它们放到不同的容器中，但它不能正常工作，有时甚至根本不能工作。请告诉我我的代码有什么问题

HTML

我们将非常感谢您的建议

---

谢谢。

有相同的基本要求（一个“源容器”可供复制）。 我认为你应该在一个拥有所有容器的drake对象中处理这一切，并用它的选项处理行为

要有一个“源容器”进行复制，关键是要有一个简单的方法作为复制选项：

dragula([document.getElementById('media-list-target-left'), document.getElementById('activitiesBar1'), 
    document.getElementById('bar2')], {
        copy: function (el, source) {
            return source.id === 'media-list-target-left';
        },
        accepts: function (el, target) {
            return target.id !== 'media-list-target-left';
        }
    }
);

---

因此，在这种情况下，您可以从媒体列表目标复制到其他容器，但不能将元素放入此容器。

有相同的基本要求（从一个“源容器”复制）。 我认为你应该在一个拥有所有容器的drake对象中处理这一切，并用它的选项处理行为

要有一个“源容器”进行复制，关键是要有一个简单的方法作为复制选项：

dragula([document.getElementById('media-list-target-left'), document.getElementById('activitiesBar1'), 
    document.getElementById('bar2')], {
        copy: function (el, source) {
            return source.id === 'media-list-target-left';
        },
        accepts: function (el, target) {
            return target.id !== 'media-list-target-left';
        }
    }
);

因此，在这种情况下，您可以将媒体列表目标复制到其他容器中，但不能将元素放入该容器中

dragula([document.getElementById('media-list-target-left'), document.getElementById('activitiesBar1'), 
    document.getElementById('bar2')], {
        copy: function (el, source) {
            return source.id === 'media-list-target-left';
        },
        accepts: function (el, target) {
            return target.id !== 'media-list-target-left';
        }
    }
);