JQuery UI Drag / Drop mit mehreren Bereichen?

Ich möchte mehrere Klassen von Draggables haben, von denen jede einer Klasse von Dropgables entspricht. Zusätzlich möchte ich aber einen separaten "Papierkorb" haben, in dem alle Draggables abgelegt werden können, bis ein passendes Drop -able für sie gefunden wurde.

Dies kann nun leicht mit einer Akzeptanzfunktion erreicht werden. Ich kann jedoch bis zu 20 Klassen haben, jede mit 30-40 Draggables / Droppables. Wenn ich dafür eine "Akzeptieren" -Funktion verwende, friert mein Chrom ein, sobald ich eine ziehbare Datei aufgreife, während Tests für jede auf dem Bildschirm ablegbare Datei ausgeführt werden :(

Dies kann gelöst werden, wenn ich die 'scope'-Eigenschaft verwende, da sie eine andere Art zu verwenden scheint. Wenn ich jedoch einen Bereich verwende, kann ich das Konzept "Papierkorb" scheinbar nicht implementieren, da es nur einen Bereich haben kann!

Gibt es eine Möglichkeit, dieses Problem zu umgehen? Geben Sie den Draggables mehr als einen Bereich, oder geben Sie dem Papierkorb viele Bereiche? Oder vielleicht eine andere Lösung, die mir nicht einfällt?

Antworten auf die Frage(1)

Ihre Antwort auf die Frage