jQuery可在不同无序列表之间进行排序

jQuery sortable between different unordered lists

本文关键字:之间 排序 列表 无序 jQuery      更新时间:2023-09-26

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

我的dom结构有点像下面:

<div class="wrapper">
  <ul class="question" data-index="0">
    <li class="answerswer1" data-index="0">
    <li class="answerswer2" data-index="0">
  </ul> 
  <ul class="question" data-index="1">
    <li class="answerswer1" data-index="1">
    <li class="answerswer2" data-index="1">
  </ul> 
  <ul class="question" data-index="2">
    <li class="answerswer1" data-index="2">
    <li class="answerswer2" data-index="2">
  </ul>
</div> 

我需要一种方法将li元素从一个无序列表拖到另一个无序列表。我使用jQuery UI和排序方法,像这样:

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

但显然只允许我在它自己的无序列表中排序li。我要不要把列表元素命名为sortable ?

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

查看这个jQuery UI排序演示。您可以看到演示并查看源代码,以便您可以根据项目的需要实现它。

我猜你在找这样的东西http://www.akchauhan.com/select-content-from-one-list-to-another-using-jquery/

演示