JqueryUI, перетаскивайте элементы в ячейки пролистываемого элемента div, содержащего большую таблицу

Я столкнулся с проблемой перетаскивания.

Я хочу всегда видеть элемент, который перетаскивает, и я хочу иметь возможность прокручивать определенный div, чтобы поместить элемент в любую ячейку моей таблицы. Я хочу также иметь возможность перетаскивать элемент из любого div в любой div.

Этот пример работает почти нормально. Моя последняя проблема о клеткеhoverClass свойство: когда я перетаскиваю элемент из & quot; контейнера A & quot; около границы «контейнера B» я реализовал режим автопрокрутки, чтобы перемещаться по моей таблице и достигать любых ячеек. Но после имитации прокруткиhoverClass не относится к правой ячейке. Тем не менее, элемент всегда попадает в правую ячейку.

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

Мой подход правильный?

EDIT

Я нашел обходной путь. Идея состоит в том, чтобы добавить клон элемента в прокручиваемый контейнер во время обратного вызова конструктора помощника, а затем добавить помощник к телу с помощью функции setTimeout через 1 мс. Положение помощника должно быть сопоставлено с положением мыши, чтобы избежать проблемы смещения.

Вот мое окончательное решение:https://jsfiddle.net/Bouillou/QvRjL/434/

Я уверен, что возможно разработать лучший способ сделать это.

Ответы на вопрос(2)

Ваш ответ на вопрос