单向拖放列表之间的元素

时间:2013-07-26 15:26:23

标签: javascript jquery drag-and-drop html-lists

我使用这个库 - http://dragsort.codeplex.com/来重新排序DOM列表。它非常轻巧,可以完成预期的工作。它还有一个“拖动”选项,用于在列表之间拖动。但它不支持单向拖放。是否有任何库支持列表之间的拖放,但只有一种方式?

提前致谢。

编辑:为避免混淆 - 我想将列表A中的元素移动到B但不是从B移动到A

2 个答案:

答案 0 :(得分:1)

使用jquery's sortable

$(document).ready(function(){
    $("#divA").sortable({
        connectWith: '#divB',
        delay: 250
    });
});

这样你就可以只在A到B之间拖动,而不是从B到A。

要使它在两者之间可拖动,

 $(document).ready(function(){
        $("#divA").sortable({
            connectWith: '#divB',
            delay: 250
        });
        $("#divB").sortable({
            connectWith: '#divA',
            delay: 250
        });
    });

答案 1 :(得分:0)

使用jQuery UI可排序。

http://jqueryui.com/sortable/

您只需要使用“connectWith”选项指定一个列表,就是它。