Javascript 当项目滚动到新列表中时，未激发jQuery UI可排序连接列表覆盖事件

尝试创建类似于iPhone的排序功能。我注意到，当项目滚动到连接列表中时，连接列表不会立即检测到可排序的项目

看看这个。您将注意到，当第一个列表中的可排序项滚动到第二个列表中时，不会立即触发。在触发事件之前，必须先移动鼠标。当您在触发事件之前松开鼠标时，这将成为一个问题，这将使项目保持在第一个列表中。这是jQuery错误吗？附近有什么工作吗

以下是我的javaScript：

$(function () {
$("#sortable1, #sortable2").sortable({
    connectWith: ".connectedSortable",
    over: function () {
        alert("Over");
    },
    start: function () {
        $("#wrapper").animate({
            'scrollLeft': '+=330px'
        });
    },
    scroll: false
}).disableSelection();

})

请注意，我确实希望使用jquery ui可排序滚动选项。页面应自行滚动至正确位置

非常感谢您的帮助。谢谢

您可以等待滚动动画并将占位符放置在新的排序表中。像这样：

 start: function (e, ui) {
            var cur_helper = ui.placeholder
            $("#wrapper").animate({
                'scrollLeft': '+=330px',

            }, function () {
                //you place it before equivalent position in sortable1
                $('#sortable2 > li').eq(ui.item.index()).before(cur_helper)

            });
        },

小提琴：