使用Mootools的拖放功能添加droppable元素

Question

这是我的问题，我正在使用mootools的Drag＆amp; Drop功能，它工作得很好但是我找不到一种方法来动态添加新的droppable元素，因为dropraable元素是在draggables时定义的。 它们是一个makedraggable方法，可用于添加可拖动元素，但它与droppables没有对应关系。

使用jQuery，您可以在一侧设置可拖动元素，在另一侧设置droppable，这样您就可以完成您想要的任务。

你知道解决问题的方法吗？

Answer 1

理论上，您应该能够将元素推送到instance.droppables集合。

var foo = new Drag.Move({
    droppables: document.getElements('div.dropHere'),
    ...
});


foo.droppables.push(document.id('newDropHere'));
// or... 
foo.droppables.include(element); // etc. all array/Elements methods. 

阅读https://github.com/mootools/mootools-more/blob/master/Source/Drag/Drag.Move.js

如果您需要实际帮助，请在tinker.io或jsfiddle.net上构建示例。如果内存服务，之前已经在这里询问，除了添加到Collection之外，还必须有一些额外的工作来解析可能的droppable。