拖动;使用移动标记删除Javascript可排序?

时间:2009-12-08 13:06:12

标签: javascript drag-and-drop sorting

我正在搜索“拖放可排序的”Javascript库,例如Prototype的可排序,JQuery的可排序,以及许多独立的。

我的功能是我找不到(但知道它在那里)是,我想不出更好的词,“延迟”排序,这样当我在列表上移动项目时,它不会立即移动,但会出现一条线或其他类型的标记,显示如果我现在放弃该项目将会结束的位置。例如,在开始菜单中移动项目时,可以在Windows中找到此功能。

有人能指出我可以做到这一点的Javascript解决方案吗?原型或独立版本对于当前项目来说是首选,但JQuery也很好。

2 个答案:

答案 0 :(得分:3)

查看script.aculo.us名为 ghosting 的Sortables和属性。
http://wiki.github.com/madrobby/scriptaculous/sortables-create

答案 1 :(得分:1)

我使用jQuery在我的一个项目中执行此操作。
在list元素上,让我们说一个元素,我赋予class sortable:

<ul class="sortable">

然后我有一个像这样的Javascript函数:

$(function() {
$( ".sortable" ).sortable({
    placeholder: "placeholder-sortable",
    update: function(event, ui) {
        var listElements = $(this).sortable('toArray');
        //Your code
    }
});
$( ".sortable" ).disableSelection();

这样,新订单将保存到变量listElements中,其中存储了不同li项的ID。