jquery ui sortable不能将单元格放入新显见的div中

Question

Simplest to see in a jsfiddle

Links to jsfiddle must be accompanied by code, therefore I am copying the js here:

$('.row').sortable({
    placeholder: 'cell placeholder',
    forcePlaceholderSize: true,
        items: '.cell',
        connectWith: '.row',
        dropOnEmpty: true,
        distance: 0.5,
        tolerance: "pointer",
        start: function() {
            $('.row').css('min-height','30px');
        },
        stop: function(event, ui){
            $('.row').css('min-height','');
        }
});

问题是，如果我有两行或更多行，并且在单击单元格后将其中一行显示为拖动，则无法将空行放入，除非该调用首先悬停在另一个非行 - 可能的目的地。

要在实践中看到这一点，请单击单元格“iop”并尝试将其向下拖动到第三行。它不起作用。但是，如果你单击单元格“iop”，将其向上拖动到第一行然后 - 不释放它 - 返回到第三行，它确实！

我认为这与sortable构建其可能目标的内部列表有关。但是，有没有办法只在拖动开始后使空行可见，并且仍然可以定位它？

Answer 1

刷新可排序似乎是这样做的：

$('.row').sortable('refresh');

https://jsfiddle.net/kfdmn9nm/