如何將不同的列表框項目一起拖放

Question

我有2個清單方塊。 它彼此相鄰放置。 用戶可以分別對每個列表進行排序，然后我提供了一個復選框。 如果選中了復選框，則項目將相互水平綁定，然后向前綁定，如果用戶從一個左側列表框中選擇一個元素，那么右側列表框中的相鄰元素也會被選中，然后一起移動以進行重新排序（排序）。 您能幫我選擇兩個要素並一起移動嗎？

Answer 1

我終於設法通過以下方式做到這一點。

我對兩個列表都使用了jquery-sortable。

在激活可調用項中，得到了原始列表項

activate: function(event, ui){
    srcList = $('#source-container ul.sourceList li');
},

在停止可調用

stop: function(event, ui){
    $(srcList).each(function(idx, elem){
         if($(elem).equals($(ui.item)))
     orgIndex = idx;
});
$('#source-container ul.sourceList li').each(function(idx, elem){
    if($(elem).equals($(ui.item)))
        curIndex = idx;
});
$('#target-container ul.targetList li').each(function(idx, elem){
    if(idx == orgIndex){
    var toIndex = curIndex + 1;
    var fromIndex = orgIndex + 1;
    if(toIndex < fromIndex)
         $('#target-container ul.targetList li:nth-child('+fromIndex+')').insertBefore($('#target-container ul.targetList li:nth-child('+toIndex+')'));
    else
    $('#target-container ul.targetList li:nth-child('+fromIndex+')').insertAfter($('#target-container ul.targetList li:nth-child('+toIndex+')'));
}