Javascript 如何将不同的列表框项目拖放到一起

我有两个列表框。它彼此相邻放置。用户可以对每个列表进行单独排序，然后我提供了一个复选框。如果选中复选框，则项目将水平地相互绑定，然后向前绑定；如果用户从左侧列表框中选择元素，则右侧列表框中的相邻元素也将被选中，然后一起移动以进行重新排序排序。你能帮我选择这两个元素并一起移动吗。

我终于用下面的方法做到了

我对这两个列表都使用了jquerysortable

在activate callable中，获得了原始的listitems

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+')'));
}                   

---

你可以在上面找到这个概念。根据你的需要修改它。我不确定我是否明白你想做什么，你是说喜欢吗？谢谢你的回复。我对问题进行了编辑，使之更清楚。我想将列表中的项目移动到一起。