Draggable+Sortable

[SEObomj]

Есть список с сортировкой и клонированием:

http://jqueryui.com/demos/draggable/#sortable

Нужно чтобы в клонированном блоке появлялась надпись

Я клонированый блок

то есть событие происходило после перетаскивания.

Подскажите, пожалуйста, как это сделать. Никак не получается

[s0rr0w]

Есть список с сортировкой и клонированием:

http://jqueryui.com/demos/draggable/#sortable

Нужно чтобы в клонированном блоке появлялась надпись

Я клонированый блок

то есть событие происходило после перетаскивания.

Подскажите, пожалуйста, как это сделать. Никак не получается

А что вы уже сделали? Покажите код

[SEObomj]

Код там тот же, что и по ссылке, разве что включил пару опций.

<script>
	$(function() {
		$( "#sortable" ).sortable({ handle: "span.drop", revert: true });
		$( "#draggable" ).draggable({
			connectToSortable: "#sortable",
			helper: "clone",
			revert: "invalid",
			create: function(draggable) { /* это не работает, просто одна из моих попыток*/
			$( ".text_orig" ).hide();
			$( ".clone" ).show();
			}
		});
		$( "" ).disableSelection();
	});
	</script>
	<ul>
					<li id="draggable" class="ui-state-highlight"><p class="text_orig">Drag me down</p><p class="clone">Я клон!</p></li>
	</ul>

[sigma77]

SEObomj,

Ну можно попробовать на событие mouseup повесить, например.

[SEObomj]

Косяк в том, что они срабатывают сразу, как только страница загрузилась, а надо чтобы они срабатывали после перетаскивания. mouseup тоже не помог. После перезагрузки страницы я уже вижу, что .text_orig скрыт, а .clone отображается, после перетаскивания ничего не меняется.

[SEObomj]

<script>
	$(function() {
		$( "#sortable" ).sortable({ handle: "span.drop", revert: true });
		$( "#draggable" ).draggable({
			connectToSortable: "#sortable",
			helper: "clone",
			revert: "invalid",
			stop: function(event, ui) {
			$( ".text_orig" ).hide();
			$( ".clone" ).show();
			}
		});
		$( "" ).disableSelection();
	});
	</script>
	<ul>
					<li id="draggable" class="ui-state-highlight"><p class="text_orig">Drag me down</p><p class="clone">Я клон!</p></li>
	</ul>

Вот так работает как надо, но появляется новая проблема, которую я не предусмотрел - исходная строка (которую и клонируем) изменяется вместе с клонированной строкой. Нужно чтобы исходная строка никогда не изменялась, а все изменения проиходили к только что созданной строке