Javascript jQuery UI可排序的多元素目标

我有两个列表元素

<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>

只需拖动一个元素

---

谢谢你的回答

很抱歉误解了这个问题

这是一个有效的解决办法。我在easy call中添加了

id

标签

试试这个

<div id="list-one">
  <ul class="sort 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="sort 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>


$( '.sort li' ).each(function() {
      var position = $(this).data('order');
      $(this).siblings().eq(position+1).after(this);
});

第1项
第2项
第3项




第4项
第5项
第6项

$（'.sort li'）。每个（函数（）{
变量位置=$（this）.data（'order'）；
$（this）.sides（）.eq（位置+1）.在（this）之后；
});

你能告诉我你想要的结果是什么样子吗？我已经编辑了描述，但我不想转到另一个ul，请看我编辑的问题

<div id="list-one">
  <ul class="sort 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="sort 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>


$( '.sort li' ).each(function() {
      var position = $(this).data('order');
      $(this).siblings().eq(position+1).after(this);
});