РЕДАКТИРОВАТЬ: Я обрезал этот вопрос и поставил его
Посмотрите, как изменяется оригинальный, а не новый элемент http://jsfiddle.net/mikkelbreum/DBG5q
Посмотрите, как перетаскиваемый помощник изменяется, но после отбрасывания элемент возвращается обратно. http://jsfiddle.net/mikkelbreum/dpTC8
У меня есть перетаскиваемый список, связанный с сортируемым списком
Когда я перетаскиваю из перетаскиваемого в сортируемый, я использую клонированный помощник, поэтому оригинал все еще остается в перетаскиваемой коллекции.
каждый раз, когда я перетаскиваю клон из перетаскиваемого списка в сортируемый, я хочу присвоить новой копии уникальный заголовок (манипулировать этим элементом h2).
Я не могу найти способ обратиться к вновь созданному элементу.
Я пробовал два подхода:
Один из них - нацелить вспомогательный клон на начальное событие в перетаскиваемом элементе. Проблема здесь в том, что, хотя вспомогательный клон действительно изменяется, это изменение не копируется в последний элемент, когда он создается в сортируемом списке. Созданный там новый элемент принимает значение оригинала в перетаскиваемом списке, клоном которого он является.
start: function(event, ui) {
ui.helper.find('h2').text('altered');
}
Я могу увидеть изменения, которые были изменены в клоне, когда я начинаю перетаскивать, но когда он отбрасывается на сортируемом, h2 сбрасывается до исходного заголовка.
Итак, теперь я попробовал вторичный подход, в котором я вместо этого пытаюсь изменить новый оригинал в событии приема объекта sortable:
receive: function(event, ui) {
ui.item.find('h2').text('altered');
}
Это изменяет h2 исходного элемента в списке, из которого я перетащил элемент, но новый элемент, созданный внутри sortable, по-прежнему остается старым оригиналом.
Как мне настроить таргетинг / изменить его?