JQuery UI и overflow

DemoS

Есть такой код

В него с помощью ajaxappend'ом добавляются элементы span. Их может быть сколько угодно много, потому стоит в стиле overflow. C помощью jQuery-UI мне надо перетащить один из span'ов в другое место на странице (конкретно в textarea). Так суть проблемы вот в чем. SPAN перемещается только в пределах родителя-div'а, просто прокручивая его. А вот если у родителя убрать overflow, то все ок, но если span'ов много, то они естественно вылазят за пределы div, а это уже не пойдет.

containment: 'parent' и containment: 'window' в свойствах draggable() - не помогают.

UPDATE:

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

Может кому пригодится.

Чтобы можно было перетащить элемент за пределы родителя с overflow, надо метод draggable() писать со следующими свойствами.

.draggable({scroll:false, helper: "clone", zIndex: 999, appendTo: "body"});
1 ответ

DemoS

Попробуйте

.draggable({helper:'clone'})

и уже с клоном работать дальше

licensed under cc by-sa 3.0 with attribution.