JqueryUI, przeciągnij elementy do komórek przewijanego, opuszczanego div zawierającego duży stół

Mam problem z przeciąganiem / upuszczaniem.

Chcę zawsze widzieć element, który jest przeciągany, i chcę móc przewijać konkretny div, aby upuścić element w dowolnej komórce mojej tabeli. Chcę także móc przeciągać element z dowolnego div do dowolnego div.

Ten przykład działa prawie dobrze. Mój ostatni problem dotyczy komórkihoverClass właściwość: gdy przeciągam element z „kontenera A” w pobliżu granicy „kontenera B”, zaimplementowałem zachowanie automatycznego przewijania, aby poruszać się w tabeli, aby dotrzeć do dowolnych komórek. Ale po symulacji przewijaniahoverClass nie dotyczy właściwej komórki. Jednak element jest zawsze upuszczany do właściwej komórki.

https://jsfiddle.net/Bouillou/QvRjL/434/

Czy moje podejście jest prawidłowe?

EDYTOWAĆ

Znalazłem obejście. Pomysł polega na dodaniu klonu elementu do przewijalnego kontenera podczas wywołania zwrotnego konstrukcji pomocniczej, a następnie dołączeniu pomocnika do ciała przy użyciu funkcji setTimeout po 1 ms. Pozycja pomocnika musi być odwzorowana w pozycji myszy, aby uniknąć problemu z przesunięciem.

Oto moje ostateczne rozwiązanie:https://jsfiddle.net/Bouillou/QvRjL/434/

Jestem pewien, że możliwe jest opracowanie najlepszego sposobu, aby to zrobić.

questionAnswers(2)

yourAnswerToTheQuestion