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，您將能夠在它們之間拖放。