jquery - 使用 jQueryUI 可排序和可拖动导致可排序元素的容器内联块元素跳转

Question

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

还尝试如下排序：

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

PS您需要像在快照中一样向绿色div的底部（在红色和绿色之间）拖动

Answer 1

如评论中所述，此解决方案适合您。

我基本上改变了你的结构

display: inline-block;

至

float: left;

Answer 2

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

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