Jquery工具可与Jquery UI一起滚动可排序

Question

我有一个菜单系统，可以将菜单项从一个类别拖放到另一个容器中。我使用的Jquery工具可以滚动显示一个类别，允许我浏览这些类别。Jquery可滚动的工作基于溢出，所以任何超出的边界都是隐藏的。效果很好。我的问题是，当从可滚动的div拖动时，菜单项保持隐藏状态。我在网上搜索过，并被推荐了以下内容，但没有成功。

$(".menu_item").mousedown(function(){$('#menu_item_1').appendTo('body')});

这个问题是，只要我拖动menu_item，它就会向下缩放到主体的底部，这使得拖动有点困难。一旦我成功地将项目拖到容器中，就可以了。。。。。除非我想把它拖回我开始的地方。一旦我点击它，它就会消失，因为它现在被认为是身体的一部分。我还试图更改项目的z索引，但没有成功。关于如何解决这个问题，有什么建议吗？

Answer 1

想明白了。Jquery UI sortable具有以下功能。只需将其添加到可排序的init语句中即可。appendTo和helper允许此功能。未完成

$('.available_items').sortable
  connectWith: '.menu_menu_items'
  appendTo: 'body'
  helper: 'clone'