2010-12-07 6 views
5

Я перетаскивание элементов из одного неупорядоченного списка в другой:JQuery перетаскивания/Droppable: доступ к исходному элементу

$('ul#drag li').draggable({ helper: 'clone' }); 
$('ul#drop').droppable({ 
    drop: function (event, ui) { 
     ui.draggable.sourceElement.css(... ...); 
    } 
}); 

Хочу отметить уже тащил элементы в списке источников (но по-прежнему позволяют перетащить их) , Как я могу получить к ним доступ через цепочку jQuery?

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


ответ

6

Интересно, почему я не заметил, что следующие работы, в первый раз я попробовал:

ui.draggable.css('whatever'); 

Это даже documented:

ui.draggable - текущий элемент перетаскиваемым , объект jQuery.

+1

интересный вопрос становится: как удалить стиль, когда объект перетаскивается из мишени снова ... – xtofl 2010-12-07 15:42:35

+0

@xtofl: я использовал `данные()` в хранить идентификатор исходного элемента в событии drop, а при перетаскивании элемента из второго списка (назад к первому) использовать эти сохраненные данные для поиска оригинала ... – 2010-12-08 00:46:45

5

e.target относится к исходному элементу

Смежные вопросы