Jquery在两个元素之间拖放

Question

我需要制作一个在屏幕中间以特定顺序包含5个图像的应用程序，然后我希望能够将图像拖出屏幕一侧的某个图像列表。然后能够将元素拖回到列表中，但是它将自己移回到原始位置，因为列表必须按照正确的顺序（例如1.2.3.4.5）并拖动3和4将使图像列表为1.2.5。这可以在jquery中做吗？

Answer 1

最好的选择是使用jQuery UI及其可排序功能。它允许您在html列表之间拖放。

http://jqueryui.com/demos/sortable/#connect-lists

$(function() {
    $( "#sortable1, #sortable2" ).sortable({
        connectWith: ".connectedSortable"
    }).disableSelection();
});

在上面的示例中，您需要使用ID＃sortable1，＃sortable2列出。 connectWith允许您定义这些列表将连接的元素。通过将.connectedSortable应用到＃sortable1，＃sortable2，您可以在它们之间进行拖放。