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ć.