如何使 jQuery 可排序插件与列表一起使用

Question

我正在尝试将this jQuery sortable plugin 放入我的引导列表组项中。我只想放置普通的拖放/可排序选项，没有效果/动画。这就是为什么，我只是这样编写代码：

HTML：

<ul class="list-group item-list">
   <li class="list-group-item">Item 1</li>
   <li class="list-group-item">Item 2</li>
   <li class="list-group-item">Item 3</li>
</ul>

<ul class="list-group item-list">

</ul>

jQuery:

$('.item-list').sortable();

但是，它不能将项目从第一个ul.item-list 放到第二个ul.item-list！如何让它发挥作用？

Fiddle work

Answer 1

看来您需要的不仅仅是调用 .sortable()？

这个例子似乎做了你想做的事，他们使用 ol 而不是 ul 标签与 li 项目

http://johnny.github.io/jquery-sortable/#connected

然后只需“显示代码”即可获取示例

*********更新*********

工作代码：

$('.item-list').sortable({
    group: 'list-group',
    pullPlaceholder: false,
});

Fiddle