jquery - 如何通过使用 Jquery 对另一个可排序列表进行排序来对无序列表进行排序

Question

我需要设置一个可排序的元素，以便当拖动并重新排列索引 X 的元素时，其他列表中的相应元素也应该被排序。假设两个列表始终具有相同数量的元素。我怎样才能用 jquery sortable 做到这一点？

类似于以下列表:

<ul id="fruits">
  <li>Apple</li>
  <li>Cars</li>
  <li>Money</li>
</ul>

<ul id="stuff">
  <li> keeps doctors away</li>
  <li> have wheels</li>
  <li> makes the world go round</li>
</ul>

Answer 1

我不认为 Jquery Ui 排序直接支持此功能，您可以在排序时使用回调函数来触发您自己对其他列表的手动排序。

$( "#fruits" ).sortable({
  stop: function(event, ui){ 
    //manual sort here
  }
});