javascript - jQuery UI 可排序多元素目标

Question

我有 2 个列表元素

<div id="list-one">
  <ul class="ul-one">
    <li data-order="1">item 1</li>
    <li data-order="2">item 2</li>
    <li data-order="3">item 3</li>
  </ul>
</div>
<br />
<div id="list-two">
  <ul class="ul-two">
    <li data-order="1">item 4</li>
    <li data-order="2">item 5</li>
    <li data-order="3">item 6</li>
  </ul>
</div>

当我使用 jQuery Sortable 对 ul-one 进行排序时，ul-two 列表元素顺序可以遵循 ul-one 顺序吗？

我想要得到这样的结果

<div id="list-one">
  <ul class="ul-one">
    <li data-order="2">item 2</li>
    <li data-order="1">item 1</li>
    <li data-order="3">item 3</li>
  </ul>
</div>
<br />
<div id="list-two">
  <ul class="ul-two">
    <li data-order="2">item 5</li>
    <li data-order="1">item 4</li>
    <li data-order="3">item 6</li>
  </ul>
</div>

只需拖动 ul-one 元素即可

感谢您的回答

Answer 1

抱歉误解了这个问题。

这是一个有效的解决方案。我添加了 id 标签来轻松调用

http://jsfiddle.net/39ZvN/1141/