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

Question

我正在尝试将 this jQuery sortable plugin 放入我的 bootstrap 列表组项目中。我只想放正常的 drag-drop/sortable 选项，没有 effect/animation。这就是为什么，我只是像这样制作我的代码：

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

然后简单地"show code"得到例子

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

工作代码：

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

Fiddle

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

How to make jQuery sortable plugin working with list

jquery

jquery-ui-sortable