css - Jquery-tools Scrollable 结合 Jquery UI sortable

Question

我有一个菜单系统，我可以在其中将菜单项从一个类别拖放到另一个容器中。我正在使用可滚动的 Jquery 工具一次显示一个类别，从而允许我翻阅这些类别。 Jquery-scrollable 的工作原理是基于溢出，所以超出边界的任何东西都被隐藏了。效果很好。我的问题是从可滚动的 div 拖动时，菜单项保持隐藏状态。我已经在网上搜索并得到了以下建议，但没有用。

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

这个问题是，只要我拖动 menu_item，它就会缩小到 body 的底部，这使得拖动有点困难。一旦我成功地将元素拖到容器中就没问题了.....除非我想将它拖回我开始的地方。一旦我点击它就会消失，因为它现在被认为是 body 的一部分。我也试图改变元素的 z-index 无济于事。有关如何解决此问题的任何建议？

Answer 1

想通了。 Jquery UI sortable 具有以下功能。只需将它添加到您的可排序 init 语句中。 appendTo 和 helper 允许这个功能。优秀

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