jQuery UI 排序 Bootstrap 标签

Question

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

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

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

然而，当我拖动时，我没有得到任何反馈显示它 "would" 卡入的位置。在他们的演示页面上，您可以看到列表中的项目实际上在移动。

实现相同时遇到问题。它们只是来自 bootstrap

的一堆内联 label 元素

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

Answer 1

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

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