0

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

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

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

4

1 回答 1

0

弄清楚了。Jquery UI sortable 具有以下功能。只需将其添加到可排序的 init 语句中即可。appendTo 和 helper 允许此功能。杰出的

$('.available_items').sortable
  connectWith: '.menu_menu_items'
  appendTo: 'body'
  helper: 'clone'
于 2012-02-25T15:37:50.503 回答