jQueryUI可排序和拖动目标赢得'；t水平滚动以进行拖放，但将进行排序

我有两个包含多个div的div，可以滚动。 我有一个垂直div，在包含的div上有draggable。 我的水平div是可排序的，我通过connecttoportable将draggable连接到它

水平排序表可以在重新排列项目时水平滚动。 但是，如果我从垂直方向拖动到水平方向，它将不会像执行纯排序时那样滚动水平div

我已经阅读了所有关于滚动一个div的条目，其中包含了诸如scrollTo和derivatives之类的插件，它们对我的特殊问题没有帮助。我使用的是jQuery1.8.3和jQueryUI1.9.2

我可以拖放到视口中，但我希望我的用户能够像排序时一样拖动并使用水平滚动。如果我在可见区域中输入，然后进行排序，它将滚动div

谢谢

$(".playboxresults, .playboxrecommended").draggable({
        revert: "invalid",
        opacity: 0.95,
        containment: 'document',
        connectToSortable: "#divCurrentList",
        helper: function () {
            $copy = $(this).clone();
            return $copy;
        },
        appendTo: 'body',
        scroll: true,
        start: function (e, ui) {
            draggedItem = ui.item;
        }
    });

---

这是因为当您使用append to body时，辅助对象将成为body的一部分，因此不会滚动水平div

我也在实现这一功能，并通过

helper:function（）{
$（'#horizontalDiv'）.append（'+$（this.html（）+''）；
$（“#克隆”）.hide（）；
setTimeout（函数（）{
$（'克隆'）.appendTo（'正文'）；
$（“#克隆”）.show（）；
},1);
返回$（“#克隆”）；
},

这将首先使辅助对象成为水平div的一部分，然后将其附加到主体

希望这有帮助

---

您也可以参考

我们可以查看您的代码吗？你在用appendTo:body吗？我实际上在用appendTo:body。我用code.re:appendTo:body更新了帖子-我的目标是一个水平div。这个div有固定的位置，是一个液体布局的一部分，永远不会低于折叠。如果我记得在添加appendTo之前有很多问题，那么我99%确定我无法删除此属性。感谢您返回Mandeep。我将能够测试这个稍晚一点，我一定会让你知道结果。再次感谢。很抱歉回复晚了。我很忙，我试过解决办法。它没有破坏拖放行为，但也没有启用滚动。“我的页面”的代码很复杂，因此在拖动时可能会有其他问题阻止滚动。我尝试了我所能想到的一切，通过调整你提出的答案，但不幸的是没有成功。无论如何谢谢你！如果你能把你的代码放到jsfiddle中，我可能会帮上忙。我很感激你的提议。我要花几天时间才能试一下。我会尽量在周日做，因为我非常需要帮助。谢谢

helper: function(){
     $('#horizontalDiv').append('<div id="clone">' + $(this).html() + '</div>');
     $("#clone").hide();
     setTimeout(function(){
         $('#clone').appendTo('body');
         $("#clone").show();
     },1);
     return $("#clone");
},