Jquery-tools 可滚动结合 Jquery UI 可排序答案

【问题标题】：Jquery-tools Scrollable in Conjunction with Jquery UI sortableJquery-tools 可滚动结合 Jquery UI 可排序
【发布时间】：2012-02-17 05:38:21
【问题描述】：

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

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

这样做的问题是，一旦我拖动 menu_item，它就会缩小到主体的底部，这使得拖动有点困难。一旦我成功地将项目拖到容器中就可以了......除非我想把它拖回我开始的地方。一旦我点击它就会消失，因为它现在被认为是身体的一部分。我还尝试更改项目的 z-index 无济于事。有关如何解决此问题的任何建议？

【问题讨论】：

标签： css overflow jquery-tools jquery-scrollable

【解决方案1】：

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

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

【讨论】：