javascript - jQuery 可在不同的无序列表之间排序

Question

我有多个无序列表，每个 UL 最多有 2 个列表元素。

我的 dom 结构有点像下面这样:

<div class="wrapper">
  <ul class="question" data-index="0">
    <li class="answer1" data-index="0">
    <li class="answer2" data-index="0">
  </ul> 

  <ul class="question" data-index="1">
    <li class="answer1" data-index="1">
    <li class="answer2" data-index="1">
  </ul> 

  <ul class="question" data-index="2">
    <li class="answer1" data-index="2">
    <li class="answer2" data-index="2">
  </ul>
</div> 

我需要一种方法将 li 元素从一个无序列表拖到另一个无序列表。我正在使用 jQuery UI 和 sortable 方法，如下所示:

$('.wrapper .question').sortable();

但显然只允许我在它自己的无序列表中对 li 进行排序。我会在它自己的列表元素上调用 sortable 吗？

编辑:我应该补充一点，每个 UL 只能有 2 个列表元素

Answer 1

查看 this jQuery UI Sortable demo .您可以查看演示并查看源代码，以便您可以根据元素的需要实现它。