Javascript 如何使两个ol列表始终具有相同的顺序？

我有两个

列表，第一个可以使用jquery sortable方法进行排序，另一个是固定的

我想要的是强制第二个ol-li得到与第一个中对应的li相同的顺序。 因此，在我的示例中，如果我将OL-1li n.1与OL-1li n.2交换，OL-2li n.1也将与OL-2li n.2交换

可能该解决方案必须封装在可排序的“stop”事件中，这就是我将其包含在示例中的原因

想不到办法

$（'#可排序'）。可排序({
回复：对，
延误：150，
停止：功能（事件、用户界面）{
}
});
*{用户选择：无；}
李{
边框：薄而实的黑色；
宽度：90px；
保证金：5px；
文本对齐：居中；
背景：白色；
光标：抓取；
}
div{
边框：薄而实的黑色；
浮动：左；
位置：相对位置；
框大小：边框框；
}
ol{
边框：薄而实的黑色；
浮动：左；
位置：相对位置；
框大小：边框框；
右边距：5px；
}

可恶的
OL-1 li n.1
OL-1 li n.2
OL-1 li n.3
OL-1 li n.4
固定的
OL-2 li n.1
OL-2 li n.2
OL-2 li n.3
OL-2 li n.4
试试下面的代码片段

你可以在这里找到一个类似的答案-在这里，我根据你的要求进行了编辑


var分类指数；
var排序新指数；
var固定原始指数；
var FixedNewImage；
固定风险值=$（“#固定”）；
$（“#可排序”）。可排序({
回复：对，
延误：150，
启动：功能（ev、ui）{
sortableIndex=ui.item.index（）；
FixedoriginalIndex=fixed[0]。子项[sortableIndex]；
},
停止：功能（ev、ui）{
sortableNewIndex=ui.item.index（）；
FixedNewImage=fixed[0]。子项[sortableNewIndex]；
if（可排序索引<可排序新索引）{
$（FixedNewImage）.after（FixedoriginalIndex）；
}否则{
$（FixedNewImage）.before（FixedoriginalIndex）；
}
}
});
*{用户选择：无；}
李{
边框：薄而实的黑色；
宽度：90px；
保证金：5px；
文本对齐：居中；
背景：白色；
光标：抓取；
}
div{
边框：薄而实的黑色；
浮动：左；
位置：相对位置；
框大小：边框框；
}
ol{
边框：薄而实的黑色；
浮动：左；
位置：相对位置；
框大小：边框框；
右边距：5px；
}

可恶的
OL-1 li n.1
OL-1 li n.2
OL-1 li n.3
OL-1 li n.4
固定的
OL-2 li n.1
OL-2 li n.2
OL-2 li n.3
OL-2 li n.4
这是否回答了您的问题？