Question

我正在尝试将this jQuery sortable plugin放入我的bootstrap list-group-item中。我只想放置普通的拖放/可排序选项，没有效果/动画。这就是为什么，我只是这样做了我的代码：

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

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

1 个答案: