Как сделать перетаскиваемый через divs

Question

Как сделать элементы перетаскиваемыми между двумя div? Это похоже на то, что нужно перетащить. Но я не смог с кодом, который у меня есть. В этом jsfiddle у меня есть два div с перетаскиваемыми элементами. Я хочу получить один элемент, чтобы перейти от первого div к второму div. Эта функциональность должна существовать на многих веб-сайтах.

Вот код jsfiddle с кодом.

http://jsfiddle.net/gkvgn/9/

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

Answer 1

Ищет проблему. Указание overflow: hidden; для контейнера div ограничивает область перетаскивания только контейнером. Если я удалю эту спецификацию из стилей. Элементы перетаскиваются через div. Вот скрипка с исправлением.

http://jsfiddle.net/gkvgn/10/

Answer 2

Там Похожая Stack Overflow вопрос был дан ответ здесь: jquery ui draggable elements not 'draggable' outside of scrolling div

Я реализовал выше решение по моему собственному проекту, и она работала прекрасно.

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