Jquery -工具可滚动，与Jquery UI可排序

Question

我有一个菜单系统，我可以将菜单项从一个类别拖放到另一个容器中。我使用可滚动的Jquery工具一次显示一个类别，允许我浏览这些类别。Jquery-scrollable基于溢出而工作，因此任何超出的界限都会被隐藏。效果很好。我的问题是，当从可滚动div拖动时，菜单项保持隐藏状态。我已经在网上搜索过了，有人推荐了下面的内容，但它不起作用。

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

这样做的问题是，只要我拖动menu_item，它就会缩小到正文的底部，这使得拖动有点困难。一旦我成功地将项目拖到容器中，它就是fine.....unless，我想把它拖回我开始的地方。一旦我点击它，它就消失了，因为它现在被认为是身体的一部分。我还试图更改该项目的z索引，但无济于事。对如何解决这个问题有什么建议吗？

Answer 1

我想通了。Jquery UI sortable具有以下功能。只需将其添加到可排序的init语句中。appendTo和帮助器允许此功能。杰出的

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