1

我有一个从数据库动态填充的无序列表。我想做的是拖放列表项以重新排序列表。理想情况下，列表项的新位置将保存到数据库中的字段中。这是我能做到的。我需要帮助的是与另一个交换列表项的 Java 脚本代码。

下面是填充列表的代码。如您所见，该页面是用 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

提前致谢。

4

1 回答 1

0

超级简单！！1行代码。只需添加 jquery UI（您不必添加所有内容）和一些像这样的 javascript：

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

这将使元素拖放可排序

你只需要一个计数的 div 来调用 sortable，然后添加一个类（这里是它的 .mylistElement）到你想要排序的每个 li 元素

看到这个 http://jqueryui.com/sortable/

作为另一个演示，我在这里使用它。只需使用用户名登录：演示密码：演示然后单击第一项，您将看到训练路径，这是可排序的

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

顺便说一句，“延迟”属性很重要。它指定了单击和“拖动”之间的区别。所以在我的例子中，你可以点击它们，或者如果你点击并按住 300 毫秒，那么它将进入拖动/排序模式。如果他们只需要排序，则将延迟设置为 1。

于 2013-10-25T16:52:12.147 回答