Question

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

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

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

Answer 1

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

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

Jquery-tools可与Jquery UI一起滚动，可排序

1 个答案: