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

时间:2014-06-06 15:29:20

标签: javascript jquery html css

我有多个无序列表,每个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和类似的可排序方法:

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

但显然只允许我在其自己的无序列表中订购。我可以在列表元素上调用sortable吗?

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

2 个答案:

答案 0 :(得分:0)

结帐this jQuery UI Sortable demo。您可以查看演示并查看源代码,以便根据项目需要实现它。

答案 1 :(得分:0)