Новичок
Покинул форум
Сообщений всего: 13
Дата рег-ции: Март 2011
Помог: 0 раз(а)
|
Здравствуйте!
Есть js код:
CODE ( javascript):
скопировать код в буфер обмена
$(document).ready(function() { $("#draggable li").draggable ({ helper: "clone", connectToSortable: "#sortable", }); $("#sortable").sortable ({ activate: function (event, ui) { $(ui.helper).html("Текст"); } }); });
HTML:
CODE ( 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", а не "Текст". Каким образом сделать так, что бы при "сбрасывание", этот самый пункт сохранял за собой название "Текст"? Пробовал различные события, но видимо чего не до понял. Пожалуйста, объясните!
|