jquery ui sortable 无法将单元格放入新可见的 div

Question

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

刷新 sortable 似乎可以做到：

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

https://jsfiddle.net/kfdmn9nm/

jquery ui sortable 无法将单元格放入新可见的 div

jquery ui sortable cannot drop cell into newly visible div

javascript

jquery

jquery-ui

jquery-ui-sortable