jquery - 当占位符存在时，jQuery UI 可排序长 div 奇怪

Question

在 jQuery UI Sortable 中，当创建一个尺寸小于原始项目的占位符时，如果您开始将一个长 div 拖到列表中，它不会开始排序，直到您超过 DIV 的原始高度，即使占位符是小多了。

然而，一旦你越过了 div 的末尾，sortable 就会启动并且一切正常。

可排序的代码非常简单：

$(document).ready( function(){
    $(".sortable").sortable({
        placeholder: "dropHelper"
    }); 
});

这是一个要演示的jsfiddle。尝试对列表中的长 div 进行排序。

http://jsfiddle.net/YSMnX/3/

关于如何使其正常工作的任何想法？

Answer 1

这是重复的。这里有一个类似的问题：

jQuery 可排序项目高度

在启动时调用可排序的 refreshPositions 方法可以解决此问题。代码变为：

$(document).ready( function(){
    $(".sortable").sortable({
        placeholder: "dropHelper",
        start: function(e.ui){
          $(this).sortable('refreshPositions');
        }
    }); 
});

更新了 jsfiddle：http: //jsfiddle.net/YSMnX/5/