Комментарии к записи: jQuery UI – плагин Draggable

Автор: Gennady

Gennady — Tue, 19 Jan 2010 08:57:27 +0000

Обсуждение статьи можно продолжить на форуме jQuery.

Автор: FM

FM — Mon, 21 Dec 2009 21:07:07 +0000

Валерий, правильное таскание через задание window в containment не получится (у меня не вышло для всех браузеров). Но получится через явное задание координатной области. В случае смещения и/или изменения размера окна, где надо таскать, нужна переустановка данных через option.

Минус такого подхода один, но серьезный. Надо внимательно считать координаты области, внутри которой таскаем. Если вложенных дивов много, то могут быть косячки… И особое внимание на Оперу, а именно – на абсолютность координат, с относительными там draggable работает много где криво

Автор: Gennady

Gennady — Mon, 21 Dec 2009 19:18:35 +0000

Валерий, Вы задали вопрос, сами же себе и ответили… Или осталось что-то непонятное? Тогда обратитесь к примерам в статье – там демонстрируется как получать и устанавливать значения для выбранной опции после инициализации. А destroy(‘destroy’) – в общем по тому же принципу.

Автор: Валерий

Валерий — Mon, 21 Dec 2009 17:06:58 +0000

Доступные методы плагина Draggable:
destroy – .draggable(‘destroy’) полностью удаляет всю функциональность плагина Draggable. Возвращает элементы в состояние, предшествующее инициализации.
disable – .draggable(‘disable’) временно запрещает использование всей функциональности плагина. Вновь разрешить ее использование можно с помощью метода enable.
enable – .draggable(‘enable’) разрешает использование всей функциональности плагина, если ранее она была запрещена с использованием метода disable.
option – .draggable(‘option’, optionName, [value]) с помощью этого метода можно получить или установить значение любой опции плагина после инициализации.

Автор: Валерий

Валерий — Mon, 21 Dec 2009 16:59:23 +0000

как убрать эффект dragable с элемента ? то етсь по надатию кнокпи чтобы нельзя было больше его таксать?
ну или изменть свойства dragable.
напрмиер было
draggable({ containment: ‘parent’});
а нужно по нажатию кнопки добавить
draggable({ containment: ‘parent’, snap:true});

Автор: Виталий

Виталий — Sun, 20 Dec 2009 23:41:06 +0000

ссори за оффтоп, у меня такая же проблема как и у FM….
FM, можете поделится решением?

Автор: Виталий

Виталий — Sun, 20 Dec 2009 23:30:08 +0000

Подскажите, пожалуйста, как сделать что бы

$(«#dragssss»).draggable({ containment: ‘window’ });

не глючил в случае если размеры блока dragssss больше чем размер экрана?

Автор: FM

FM — Tue, 01 Dec 2009 21:43:02 +0000

Таки при детальных тестах ваш вариант работает неверно под мою задачу То есть, таскает как угодно попало, а надо чтобы за границы не выходил.

В общем – конечно. Если надо таскать в маленьком диве большой, не выползая при этом за рамки (например большая карта в маленьком экране), то надо задавать через containment вычисляемые через offset координаты базы, после чего сразу менять настройки draggable. Плюс к этому надо на resize повесить пересчетчик данных. В этом варианте таскание будет всегда верным, как бы вы окна ни кривили и ни дергали

Автор: FM

FM — Tue, 01 Dec 2009 16:55:51 +0000

Хотя да… Сейчас попробовал ваш совет, что containment стоит вообще убрать и все заработало ничуть не хуже моего решения, но у вас оно значительно проще

Автор: FM

FM — Tue, 01 Dec 2009 16:50:18 +0000

Геннадий, там у меня затык оказался не только в этом В конечном счете решил проблему через задание contaiment массивом координат. Единственное в таком варианте обязательное условие: при ресайзе страницы надо через .draggable(‘option’, optionName, [value]) устанавливать новые координаты.

А в общем уже все работает и проблема решена. И еще раз спасибо вам за отличный блог и статьи!