Здравствуйте!
Есть js код:
$(document).ready(function() {
$("#draggable li").draggable ({
helper: "clone",
connectToSortable: "#sortable",
});
$("#sortable").sortable ({
activate: function (event, ui) {
$(ui.helper).html("Текст");
}
});
});
HTML:
<ul id="sortable">
<li class="itemColor1">Пункт 1</li>
<li class="itemColor1">Пункт 2</li>
<li class="itemColor1">Пункт 3</li>
<li class="itemColor1">Пункт 4</li>
<li class="itemColor1">Пункт 5</li>
</ul><br><br>
<ul id="draggable">
<li class="itemColor2">Пункт 1</li>
<li class="itemColor2">Пункт 2</li>
<li class="itemColor2">Пункт 3</li>
<li class="itemColor2">Пункт 4</li>
<li class="itemColor2">Пункт 5</li>
</ul>
При перемещение например "
Пункт 1" из второго списка в первый - пункт заменяется на "
Текст ". Однако, когда этот самый пункт "сбрасывается" над первым списком, он снова трансформируется обратно, то есть снова получает название "
Пункт 1", а не "
Текст". Каким образом сделать так, что бы при "сбрасывание", этот самый пункт сохранял за собой название "
Текст"? Пробовал различные события, но видимо чего не до понял. Пожалуйста, объясните!
