Элементы списка «Перетаскивание и своп»

Question

У меня есть неупорядоченный список, который динамически заполняется из базы данных. То, что я хотел бы сделать, это перетащить элементы списка, чтобы изменить порядок списка. Изначально новая позиция элемента списка должна быть сохранена в поле в базе данных. Это я могу сделать. Мне нужна помощь с кодом Java Script, который меняет элемент списка на другой.

Ниже приведен код для заполнения списка. Как видите, страница написана в ASP.

While not rsAwards.EOF 
response.write "<li>" & rsAwards("Award_Name") 
%> 
<a href='edit_awards.asp?Action=edit&Award_ID=<%=rsAwards("Award_ID")%>'>Edit</a>&nbsp; 
<a class="lb" href='action_awards.asp?Action=delete&Award_ID=<%=rsAwards("Award_ID")%>'>Delete</a></li> 
<% 
rsAwards.MoveNext 
Wend 

благодарит заранее.

Answer 1

это супер простой !! 1 строка кода. просто добавить Jquery UI (вы не должны добавить все это) и некоторые Javascript, как это:

$("#DivContainingYourliElements").sortable({delay:300,items:".myListElement"}); 

это сделает элементы перетащить сортировкой

Вам просто нужно countaining DIV позвонить Сортируемый дальше, и добавить класс (здесь его .mylistElement) для каждого элемента Li вы хотите быть сортируется

посмотреть http://jqueryui.com/sortable/

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

http://knowledgecity.com/tna/tnaadmin.php

по слову, «задержка» attribut важна. Он определяет разницу между щелчком и «перетаскиванием». поэтому здесь, в моем случае, вы можете щелкнуть их или щелкнуть и удерживать в течение 300 миллисекунд, тогда он перейдет в режим перетаскивания/сортировки. Если их нужно отсортировать, установите задержку на 1.