jQuery UI 排序引导标签

Question

我正在尝试为我的应用程序中的一堆标签添加排序功能。我这个：

$('.__sortable').sortable({
    connectWith: '.__sortable',
    opacity: 0.8,
});

这似乎可以让我在多个容器之间进行排序。当我放下它时，我发现它起作用了。

但是，当我拖动时，我没有得到任何反馈来显示它“将”进入的位置。在他们的演示页面上，您可以看到列表中的项目实际移动。

很难实现相同的目标。它们只是来自引导程序的一堆内联 label 元素

<label class="label label-warning">some text</label>

Answer 1

只需要自己设计一下。添加display: inline-block 使其工作。它还有助于0 超出高度，因为我在上面得到了一些额外的空白。

.ui-sortable-placeholder {
    display: inline-block !important;
    height: 0px !important;
    line-height: 0px !important;
    font-size: 0px !important
}