IU do JQuery Arrastar / Soltar com vários escopos?

Eu quero ter várias classes de draggables, cada uma correspondendo a uma classe de droppables. Mas além disso, eu quero ter um "caixote do lixo" separado, onde todas as draggables podem ser descartadas até que um droppable adequado possa ser encontrado para elas.

Agora, isso pode ser facilmente alcançado com uma função de aceitação. No entanto, posso ter até 20 classes, cada uma com 30 a 40 draggables / droppables. Então, se eu usar uma função "aceitar" para isso, no momento em que eu pego um arrastável, meu cromo congela enquanto ele executa testes para cada droppable na tela :(

Isso pode ser resolvido se eu usar a propriedade 'scope', já que parece estar usando uma maneira diferente. No entanto, quando uso um escopo, não consigo implementar o conceito de "lixeira", pois ele só pode ter um escopo!

Existe alguma maneira de contornar este problema? Dar o draggables mais de um escopo, ou dando a lixeira muitos escopos? Ou talvez alguma outra solução que eu não consiga pensar?

questionAnswers(1)

yourAnswerToTheQuestion