Комментарии к записи: Пользовательские интерфейсы jQuery: свободно перемещаемый контент. http://www.linkexchanger.su/2008/18.html css, html, php, javascript, jQuery, ajax ... - решения, примеры, рецепты Tue, 07 Feb 2012 14:36:04 +0000 http://wordpress.org/?v=2.9.2 hourly 1 Автор: Gennady http://www.linkexchanger.su/2008/18.html/comment-page-1#comment-67514 Gennady Wed, 18 Aug 2010 05:07:45 +0000 http://www.linkexchanger.su/2008/18.html#comment-67514 Ну, во-первых, я бы все-таки рекомендовал читать не эту старую статью, а <a href="http://www.linkexchanger.su/2009/107.html" rel="nofollow">jQuery UI – плагин Draggable</a>... А получить значение id (или любого другого атрибута) перемещаемого элемента довольно просто. Надо воспользоваться каким-либо из событий на которые может реагировать плагин - например, событие stop (окончание перемещения элемента). В callback-функции, которая срабатывает при наступлении события можно обратиться к элементу, который только что окончил перемещение, через this. Вот так: var id = $(this).attr("id"); А вообще технические вопросы лучше задавать на <a href="http://www.linkexchanger.su/forum/" rel="nofollow">форуме jQuery</a>. Ну, во-первых, я бы все-таки рекомендовал читать не эту старую статью, а jQuery UI – плагин Draggable…
А получить значение id (или любого другого атрибута) перемещаемого элемента довольно просто. Надо воспользоваться каким-либо из событий на которые может реагировать плагин – например, событие stop (окончание перемещения элемента). В callback-функции, которая срабатывает при наступлении события можно обратиться к элементу, который только что окончил перемещение, через this.
Вот так: var id = $(this).attr(«id»);

А вообще технические вопросы лучше задавать на форуме jQuery.

]]> Автор: Виктор http://www.linkexchanger.su/2008/18.html/comment-page-1#comment-67512 Виктор Tue, 17 Aug 2010 20:27:46 +0000 http://www.linkexchanger.su/2008/18.html#comment-67512 а как узнать id перемещаемого элемента ? а как узнать id перемещаемого элемента ?

]]> Автор: Gennady http://www.linkexchanger.su/2008/18.html/comment-page-1#comment-26530 Gennady Mon, 29 Jun 2009 18:54:43 +0000 http://www.linkexchanger.su/2008/18.html#comment-26530 Я объяснял... Опция tolerance это несколько не то, что Вам надо. Штатных методов у плагина для решения Вашей задачи нет. Надо думать самому. Примерно в таком направлении: - можно использовать опцию drop, определив в ней callback-функцию, которая будет выполняться в момент "сброса"; - в этой функции сначала определить положение целевого элемента - его координаты относительно левого верхнего угла с помощью метода offset() например; - и наконец использовать объект ui.helper для установки нужных значений хотя бы через его css-свойства. Что-то вроде ui.helper.css("left", 20); Я объяснял… Опция tolerance это несколько не то, что Вам надо. Штатных методов у плагина для решения Вашей задачи нет. Надо думать самому. Примерно в таком направлении:
- можно использовать опцию drop, определив в ней callback-функцию, которая будет выполняться в момент «сброса»;
- в этой функции сначала определить положение целевого элемента – его координаты относительно левого верхнего угла с помощью метода offset() например;
- и наконец использовать объект ui.helper для установки нужных значений хотя бы через его css-свойства. Что-то вроде ui.helper.css(«left», 20);

]]> Автор: Павел http://www.linkexchanger.su/2008/18.html/comment-page-1#comment-26499 Павел Mon, 29 Jun 2009 13:52:57 +0000 http://www.linkexchanger.su/2008/18.html#comment-26499 Пробовал все из значений tolerance... не примыкает, так же пробовал у целевого элемента прописывать float: left . возможно можно задать чтобы сбрасываемый элемент сразу прилегал к верхнему левому краю? Пробовал все из значений tolerance… не примыкает, так же пробовал у целевого элемента прописывать float: left . возможно можно задать чтобы сбрасываемый элемент сразу прилегал к верхнему левому краю?

]]> Автор: Gennady http://www.linkexchanger.su/2008/18.html/comment-page-1#comment-26448 Gennady Mon, 29 Jun 2009 06:27:34 +0000 http://www.linkexchanger.su/2008/18.html#comment-26448 В опциях Draggable такого нет. Регулировать можно только величину области перекрытия draggable-блока и droppable - целевого элемента, в момент "сброса". Это опцией tolerance можно задать. А так, чтобы сбрасываемый элемент автоматом выравнивался под целевой - такого нет. Вообще лучше смотреть свежую информацию тут: http://jqueryui.com/demos/ В опциях Draggable такого нет. Регулировать можно только величину области перекрытия draggable-блока и droppable – целевого элемента, в момент «сброса». Это опцией tolerance можно задать. А так, чтобы сбрасываемый элемент автоматом выравнивался под целевой – такого нет.
Вообще лучше смотреть свежую информацию тут:
http://jqueryui.com/demos/

]]> Автор: Павел http://www.linkexchanger.su/2008/18.html/comment-page-1#comment-26444 Павел Mon, 29 Jun 2009 06:00:54 +0000 http://www.linkexchanger.su/2008/18.html#comment-26444 Геннадий, подскажите пожалуйста, как нужно дополнить код, чтобы при перемещении голубого квадрата(draggable) в зону красного квадрата(droppable) он автоматом примыкал к краям, т.е вмещался один в один. Спасибо. Геннадий, подскажите пожалуйста, как нужно дополнить код, чтобы при перемещении голубого квадрата(draggable) в зону красного квадрата(droppable) он автоматом примыкал к краям, т.е вмещался один в один. Спасибо.

]]> Автор: Delikato http://www.linkexchanger.su/2008/18.html/comment-page-1#comment-25001 Delikato Mon, 15 Jun 2009 13:52:22 +0000 http://www.linkexchanger.su/2008/18.html#comment-25001 Блин, подключил к своему сайту библиотеку скачанную у вас, более старую - всё заработало. Пол дня ковырялся с этим. Блин, подключил к своему сайту библиотеку скачанную у вас, более старую – всё заработало. Пол дня ковырялся с этим.

]]> Автор: Delikato http://www.linkexchanger.su/2008/18.html/comment-page-1#comment-25000 Delikato Mon, 15 Jun 2009 13:41:09 +0000 http://www.linkexchanger.su/2008/18.html#comment-25000 Да неее...Похоже, я вам не стой стороны объясняю. Если извлечь вашь пример и подключить к нему библиотеки, то драг и дроп работает, но див, который должен показывать координаты во время перетаскивания, ничего не показывает. Правда я библиотеку подключаю не 1.2.1 а 1.3.2 Да неее…Похоже, я вам не стой стороны объясняю. Если извлечь вашь пример и подключить к нему библиотеки, то драг и дроп работает, но див, который должен показывать координаты во время перетаскивания, ничего не показывает. Правда я библиотеку подключаю не 1.2.1 а 1.3.2

]]> Автор: Gennady http://www.linkexchanger.su/2008/18.html/comment-page-1#comment-24999 Gennady Mon, 15 Jun 2009 13:33:30 +0000 http://www.linkexchanger.su/2008/18.html#comment-24999 Подключены конечно. Только в состав архива они не входят и их надо скачивать отдельно... Подключены конечно. Только в состав архива они не входят и их надо скачивать отдельно…

]]> Автор: Delikato http://www.linkexchanger.su/2008/18.html/comment-page-1#comment-24996 Delikato Mon, 15 Jun 2009 13:21:08 +0000 http://www.linkexchanger.su/2008/18.html#comment-24996 Кстати в примере исходного кода вроде библиотеки подключены. Вот кусок оттуда : Кстати в примере исходного кода вроде библиотеки подключены. Вот кусок оттуда :

]]>