jQuery UI 可排序容差选项未按预期工作

Question

这是part from jQuery UI documentation对于公差选项:

This is the way the reordering behaves during drag. Possible values: 'intersect', 'pointer'. In some setups, 'pointer' is more natural.

intersect: draggable overlaps the droppable at least 50%

默认为intersect，但如果鼠标指针不在可排序项上方，则排序不会发生，无论拖动的元素是否比另一个可排序项至少高出 50%(我期望的功能)这也发生在演示页面上(上面链接)

这是 jQuery UI 中的错误，还是我理解错误？

Answer 1

对于那些遇到同样问题的人，这是我使用的解决方法:

$('#sortable').sortable({
    axis: 'x',
    sort: function (event, ui) {
        var that = $(this),
            w = ui.helper.outerWidth();
        that.children().each(function () {
            if ($(this).hasClass('ui-sortable-helper') || $(this).hasClass('ui-sortable-placeholder')) 
                return true;
            // If overlap is more than half of the dragged item
            var dist = Math.abs(ui.position.left - $(this).position().left),
                before = ui.position.left > $(this).position().left;
            if ((w - dist) > (w / 2) && (dist < w)) {
                if (before)
                    $('.ui-sortable-placeholder', that).insertBefore($(this));
                else
                    $('.ui-sortable-placeholder', that).insertAfter($(this));
                return false;
            }
        });
    },
});​

这适用于水平可排序，适用于垂直更改 outerWidth至outerHeight和position.left至position.top无处不在。

Here's a complete working example