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(); 
}); 

在上面的例子中，你将需要与IDS＃sortable1，＃sortable2名单。 connectWith允许您定义这些列表将与哪些元素连接。通过将.connectedSortable应用到＃sortable1，＃sortable2，您将能够在它们之间拖放。