使用jQueryUI sortable和draggable导致容器内联块元素可以跳转的可排序元素

Question

有关stackoverflow 0和1的相关问题。 JSFiddle：http://jsfiddle.net/ashugupt/hpncs/1/

还尝试按以下方式进行排序：

$(".fields").sortable({
        connectedWith: ".fields",
        revert: true,
    });

P.S。您需要拖动绿色div的底部（红色和绿色之间），如快照

Answer 1

正如评论中所述，此solution适合您。

我基本上改变了你的结构

display: inline-block;

到

float: left;

Answer 2

为.ui-sortable-placeholder添加负边距底部对我有用。 金额可能与您的行高相关，因此您可能需要使用数字

.ui-sortable-placeholder {
    margin-bottom:-15px
}