Draggable и Overflow: hidden
У меня есть блок со свойством overflow:hidden, блок с прокруткой, так что это свойство необходимо (скрипт jsPane). В блоке есть другие блоки, картинки, со свойством draggable. Когда я подношу блоки-картинки за край родительского блока, они исчезают, что закономерно. Но надо чтобы не исчезали и были видимы и после выхода за границы этого блока.
Сейчас реализовал желаемое созданием другого draggable-блока похожего на предыдущие, но это все кривой метод. Как сделать чтобы блок "отцеплялся" от родительского блока или хотя бы оставался видимым, если я его перенес за границу? |
перемести его другому родителю, используй клонирование элемента и перемещай например в body.
|
Цитата:
Сейчас вот сценарий идет следующий образом: //.general_client_draggable - переносимые блоки $(".general_client_draggable").draggable({revert: true, revertDuration: '500', cursor: "move", start: function(event){ client_id = $(this).attr('client_id');// берем нужный параметр от исходного блока $("#active_client_draggable").show();//делаем видимым блок который принимает нужный параметр $("#active_client_draggable").attr('client_id', client_id);//присваиваем видимому блоку нужный параметр }, drag: function(event_drag){ var left_pos=event_drag.pageX;//добавляю новому объекту координаты исходного обьекта чтобы переносить его мышкой var top_pos=event_drag.pageY; $("#active_client_draggable").css({'left':left_pos, 'top': top_pos}); } }); В предлагаемом вами случае как реализовать смену родителя? |
я не использовал этот плагин, и понятия не имею как он работает. Поэтому увы и ах, вряд ли смогу помочь, возможно после смены родителя у объекта плагин откажется работать с этим элементом, тут надо тестить что и как.
|
На все 100 не уверен, но кажется этот плагин может манипулировать не самим объектом а клонированным узлом. Думаю это вполне подойдет как быстрое решение проблемы.
P.S. Да, если это из jqUI, то есть такой параметр $(".selector").draggable({helper : 'clone'}); |
Часовой пояс GMT +3, время: 12:39. |